专栏名称: 奇舞精选
《奇舞精选》是由奇舞团维护的前端技术公众号。除周五外,每天向大家推荐一篇前端相关技术文章,每周五向大家推送汇总周刊内容。
今天看啥  ›  专栏  ›  奇舞精选

Vue 推出了新特性 useId,能提高多少开发体验?

奇舞精选  · 公众号  ·  · 2025-01-08 18:00
    

文章预览

前言 大家好,我是林三心,用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心~ 在  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  都有哪些比较实用且常用的场景 ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览