前端项目uuid的应用场景:
1、使用ECharts
绘图
有时候,可能同一个图形样式需要多次引用,那么就不能写成固定的元素id,需要动态获取,uuid就很适合提供唯一id
2、使用v-for
循环显示列表
我们都知道,一般不能使用索引index作为key,不使用key又会导致视图不能及时刷新,一般使用后端返回的唯一id。
如果后端接口没有提供唯一id,那么只能自己给一个唯一id,使用new Date().getTime()
也能获取一个id,问题是,如果同一时刻获取这个id,也会导致重复。这时候,字符串类型的uuid也是很好的选择。
方式一:使用uuid库
文档:https://www.npmjs.com/package/uuid
安装
npm i uuid
示例
// import { v4 as uuidv4 } from 'uuid'
const {