Vue

Vue3 中的 v-on 指令用于处理 DOM 事件，支持内联表达式和方法处理器。事件修饰符如 .stop 和 .prevent 简化了事件流控制和默认行为阻止。按键修饰符如 .enter 和系统修饰符如 .ctrl 用于处理键盘和组合键事件。自定义事件通过 $emit 实现子组件向父组件传递数据，defineEmits 可验证事件参数。常见报错包括 …

Vue 3中的指令是带有v-前缀的特殊属性，用于将数据与DOM元素绑定。v-bind用于动态绑定属性，如src、class等，支持简写语法:。v-on用于监听事件，如click，简写为@，支持事件修饰符如.prevent。v-if根据条件销毁或重建DOM，v-show通过修改display属性控制显示。v-for用于循环渲染，需使用唯一key。常见报错包括未 …

Vue3的模板语法基于HTML，允许通过插值和指令将响应式数据与DOM绑定，实现数据变化时页面自动更新。核心流程包括模板解析为AST，编译为渲染函数，生成虚拟DOM并更新真实DOM。文本插值使用{{ }}，支持简单表达式，自动转义HTML；v-html指令可渲染原始HTML，但存在XSS风险。v-bind用于动态绑定HTML属性，缩写为:，支持动态属性名和对 …