Posts

Vue组件通信中，Props实现父传子，支持数组、对象（带类型验证）及TypeScript声明，传递注意大小写规范，遵循单向数据流（子不直接修改，可复制本地或用计算属性）。自定义事件实现子传父，子通过$emit触发事件（可传参数），父用v-on监听，可声明事件及验证。

Vue 3核心内容含模板语法、响应式管理及Setup语法糖。模板支持文本插值、v-html、v-bind属性绑定，支持JS表达式与指令（v-if/v-for等）；响应式数据用ref/reactive创建，computed缓存计算值，watch/effect监听变化。Setup语法糖简化代码，支持组件导入、defineProps/Emits声明及defineModel双向绑定。

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

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

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

Vue模板引用通过ref获取DOM元素或子组件实例，3.5+用useTemplateRef，旧版需手动声明ref变量。用途包括程序化聚焦、初始化第三方库、读取DOM尺寸等。核心原则：优先用Props/Emit通信，避免过度依赖；子组件用defineExpose暴露，v-for中ref生成数组，需在挂载后访问以避免null错误。