专栏名称: 前端之神
一位前端小菜鸡,写过300多篇原创文章,全网有5w+个前端朋友,梦想是成为”前端之神“~
今天看啥  ›  专栏  ›  前端之神

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

前端之神  · 公众号  ·  · 2025-01-02 08:40
    

文章预览

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

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