选项式API

Vue 3局部组件注册限定使用范围于父组件内，优势包括Tree-Shaking支持、依赖清晰、避免命名冲突。方法有二：script setup导入即能使用，选项式API需在components中注册。适用于大型项目、复用性低或性能优化场景，可减少打包体积，避免全局污染。

Vue3组件生命周期分创建、挂载、更新、销毁四阶段，提供选项式（组件选项定义钩子）与组合式（导入钩子函数）两种API。需注意created初始化数据、mounted操作DOM等场景，避免updated修改数据、异步注册组合式钩子等错误。

Vue 3生命周期钩子分选项式和组合式并对应，如beforeMount/onBeforeMount等；响应式系统基于Proxy实现依赖收集与更新。两者协同：创建阶段初始化响应式数据，挂载阶段绑定数据与DOM，更新阶段响应式变化触发beforeUpdate/updated，卸载阶段清理资源防内存泄漏。

Vue 3生命周期钩子是组件不同阶段自动执行的函数，选项式与组合式API对应关系明确。初始化阶段（beforeCreate/created）完成数据观测；挂载阶段（beforeMount/mounted）操作DOM；更新阶段（beforeUpdate/updated）处理数据变化；卸载阶段（beforeUnmount/unmounted）清理资源。需注意未挂 …

Vue模板引用可直接访问DOM或子组件实例，用于聚焦元素、初始化第三方库等场景。3.5+组合式API用useTemplateRef，此前版本用ref，选项式API通过this.$refs访问。子组件需defineExpose（组合式）或expose（选项式）暴露内容。v-for中可用数组或函数式引用管理，需避免挂载前访问，且v-for引用数组顺序可能与源数组 …