组合式API

Vue2 Mixins存在属性来源不清等缺陷，Vue3组合式API的Composable通过封装有状态逻辑函数解决复用问题。如useMouse追踪鼠标位置、useFetch处理异步数据，遵循命名、参数处理、返回值设计等最佳实践，通过解构使 …

Vue中，v-for模板引用会自动收集为数组，需在onMounted后访问。组合式API中响应式引用与模板引用统一，需同名ref声明。支持组件/元素动态引用，可结合watch/computed监听变化，应用于批量表单验证、动态内容高度计算等 …

Vue模板引用可直接访问DOM或子组件实例，用于聚焦元素、初始化第三方库等场景。3.5+组合式API用useTemplateRef，此前版本用ref，选项式API通过this.$refs访问。子组件需defineExpose（组合式） …

Vue 3的组合式API中，ref()和reactive()是创建响应式数据的核心工具。ref()可包裹任意值类型，通过.value访问，模板中自动解包；reactive()仅支持对象/数组，直接访问属性，但替换整个对象会丢失响应 …