Composition Api.

Vue3事件处理器用v-on（@）监听DOM事件，分内联语句和方法绑定两种。内联适合简单逻辑，模板直接写代码；方法绑定适合复杂逻辑，绑定组件方法，可传参和事件对象。前者简洁但复杂逻辑易乱，后者维护性好、复用性强。

Vue中Props是父向子通信核心机制，遵循单向数据流。Options API以props选项声明，Composition API通过defineProps宏（script setup）声明，支持类型验证、默认值，Vue3.5+支持解构响应 …

Vue 3 Composition API将生命周期钩子转为可导入函数，如onMounted替代mounted，提供完整对应表及执行顺序。支持逻辑分组复用，通过自定义hook（如useFetch）封装功能。涵盖条件性钩子注册、动态清 …

Vue 3 Composition API生命周期钩子与Options API对应，如onMounted对应mounted、onUpdated对应更新等。常用钩子：onMounted用于挂载后操作（DOM/异步请求），onUpdated避免 …

Vue3生命周期钩子是组件创建、挂载、更新、卸载阶段的关键函数，开发者可在特定时机执行逻辑。创建阶段（onBeforeCreate/onCreated）初始化数据；挂载阶段（onBeforeMount/onMounted）操作DOM或请求数 …

Vue3的Composition API中，组件生命周期钩子在setup()中导入使用，分创建（onBeforeMount、onMounted）、更新（onBeforeUpdate、onUpdated）、卸 …

Vue模板引用通过ref标记DOM/子组件实例。正确访问时机为组件挂载后（如onMounted钩子），动态更新或v-if时需用watchEffect监听并做null检查。常见陷阱：未挂载时访问（导致null）、Vue<3.5 …

Vue 3模板引用通过ref连接声明式代码与DOM或子组件实例，用于自动聚焦、调用子组件方法等。Composition API 3.5+用useTemplateRef，之前需手动声明；Options API用this.$refs。子组件 …

Vue3 Composition API条件渲染核心为响应式状态与模板指令配合。v-if控制DOM创建/销毁，v-show仅隐藏；多条件用computed封装；动态组件结合component:is实现切换；列表渲染用computed过滤+状 …

Vue 3中的计算属性（Computed Property）依赖响应式数据动态计算，具有缓存机制，仅在依赖变化时重新计算。Options API通过computed字段定义计算属性，支持函数式和getter/setter形 …

计算属性（Computed）是Vue 3中用于派生状态的核心API，能够将复杂逻辑从模板中抽离，提升代码简洁性和可维护性。计算属性通过缓存机制优化性能，仅在依赖的响应式数据变化时重新计算，而方法则每次调用都会执行。可写计算属性允许通 …

Options API和Composition API是Vue 3中声明和操作响应式数据的两种方式。Options API通过data选项声明响应式状态，Vue 3使用Proxy实现响应式，需通过this访问代理对象。Composition …