基础入门

Vue组件注册分全局和局部。全局用app.component()注册，所有组件模板可用，适合高频基础组件但易冲突；局部在组件内导入，仅当前组件用，适合业务组件并支持tree-shaking。命名支持PascalCase …

Vue3组件化开发具复用（一次编写多处用）、可维护（模块化拆分、单一职责）、协作（团队并行开发）三大价值。组件以.vue单文件形式存在，含模板、逻辑及样式，支持局部/全局注册。通信通过Props（父传子）和Emits（子传父）实现。

Vue 3模板引用可直接访问DOM或组件实例，与响应式系统协同实现动态操作，v-for生成响应式数组。父组件通过useTemplateRef+defineExpose调用子组件方法，优先props/emit通信。需在onMounted访问， …

Vue模板引用通过ref获取DOM元素或子组件实例，3.5+用useTemplateRef，旧版需手动声明ref变量。用途包括程序化聚焦、初始化第三方库、读取DOM尺寸等。核心原则：优先用Props/Emit通信，避免过度依赖；子组件 …

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

Vue 3.2+的<script setup>默认封装组件内部状态和方法，需用defineExpose显式暴露。子组件通过defineExpose({状态/方法})指定需暴露内容，父组件用ref获取子组件实例后，可直接访问暴露的 …