Vue模板引用：如何在不同场景下灵活管理DOM元素与组件实例？
Vue模板引用可直接访问DOM或子组件实例，用于聚焦元素、初始化第三方库等场景。3.5+组合式API用useTemplateRef，此前版本用ref，选项式API通过this.$refs访问。子组件需defineExpose（组合式）或expose（选项式）暴露内容。v-for中可用数组或函数式引用管理，需避免挂载前访问，且v-for引用数组顺序可能与源数组 …
阅读更多
cmdragon
组合式API
标签下的所有文章
2 篇文章
返回所有标签Vue 3组合式API中ref与reactive的核心响应式差异及使用最佳实践是什么？
Vue 3的组合式API中，ref()和reactive()是创建响应式数据的核心工具。ref()可包裹任意值类型，通过.value访问，模板中自动解包；reactive()仅支持对象/数组，直接访问属性，但替换整个对象会丢失响应式。ref()更灵活，推荐优先使用，避免reactive()的解构和替换陷阱。toRefs()可将reactive()对象的属性转 …
阅读更多
cmdragon