文章预览
前言 大家好,我是林三心,用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心~ 在 Vue3.5 这个版本中,新增了 useId 这一个 API,它的功能是用来生成一个 唯一的ID ,为什么说它生成的 ID 是唯一的呢?我们可以来看看 useID 的源码,你就知道了 其实原理很简单,就是调用 getCurrentInstance 这个,这个 API 会返回当前 Vue 实例的信息对象,而这个信息对象身上有一个 ids 的数组,而 useId 就是根据这个数组去生成唯一 ID 的~ appContext.config.idPrefix: 这是可全局配置的 ID 前缀,如果你不配置,那就默认是 v ids[0] + ids[1]++: 由唯一的 ids[0] 和递增的 ids[1] 来实现同实例内与不同实例时间的唯一性 想要设置 appContext.config.idPrefix 可以在 main.ts 中去设置 接下来讲一下 useId 都有哪些比较实用且常用的场景
………………………………