vue封装重复组件的时候会遇到一个问题：ID重复导致渲染的时候会报错，如何解决呢？

介绍一个vue内部封装好无需另外安装的小工具：uuid

1
2
3
4
5
6
7
8
<script>
import uuid from 'uuid/v1'
export default {
  created () {
    console.info(uuid())
  }
}
</script>

这时可以在console控制台看到打印出来的ID：3a53ce20-fa90-11e8-b7890-cd83b69a357f,F5刷新会看到每次打印出来的ID都是随机且不重复的，完美解决了封装可复用组件时重复ID的小问题。