快速入门Vue模板引用：从收DOM“快递”到调子组件方法，你玩明白了吗？
Vue中的模板引用（Template Refs）用于在声明式编程中直接操作DOM或访问子组件实例。通过ref属性标记元素或组件，并在setup中使用同名响应式变量访问。子组件需通过defineExpose暴露内部方法或属性供父组件调用。操作DOM时，应在onMounted或nextTick中确保DOM已渲染。常见应用包括自动聚焦输入框、集成第三方库和动态获取 …
阅读更多
cmdragon
Vue
分类下的所有文章
79 篇文章
返回所有分类快速入门Vue模板里的JS表达式有啥不能碰？计算属性为啥比方法更能打？
Vue 3模板中通过Mustache插值或指令属性嵌入JavaScript表达式，实现动态计算。模板表达式必须是单条JavaScript语句，适用于文本插值和指令属性值，但需避免副作用和流程控制语句。计算属性（computed）用于封装复杂逻辑，具备缓存性和响应性，优于methods的频繁调用。可写计算属性通过getter和setter实现双向绑定，Vue …
阅读更多
cmdragon
快速入门Vue的v-model表单绑定：语法糖、动态值、修饰符的小技巧你都掌握了吗？
v-model是Vue中简化表单输入的语法糖，自动同步输入值与组件状态。它根据输入类型适配DOM属性和事件：文本/多行文本用value和input，复选框/单选框用checked和change，选择器用value和change。v-model支持修饰符如.lazy（延迟同步）、.number（转为数字）、.trim（去除首尾空格）。动态值绑定可通过 …
阅读更多
cmdragon
广告位
快速入门Vue3事件处理的挑战题：v-on、修饰符、自定义事件你能通关吗？
Vue3 中的 v-on 指令用于处理 DOM 事件，支持内联表达式和方法处理器。事件修饰符如 .stop 和 .prevent 简化了事件流控制和默认行为阻止。按键修饰符如 .enter 和系统修饰符如 .ctrl 用于处理键盘和组合键事件。自定义事件通过 $emit 实现子组件向父组件传递数据，defineEmits 可验证事件参数。常见报错包括 …
阅读更多
cmdragon
快速入门Vue3的v-指令：数据和DOM的“翻译官”到底有多少本事？
Vue 3中的指令是带有v-前缀的特殊属性，用于将数据与DOM元素绑定。v-bind用于动态绑定属性，如src、class等，支持简写语法:。v-on用于监听事件，如click，简写为@，支持事件修饰符如.prevent。v-if根据条件销毁或重建DOM，v-show通过修改display属性控制显示。v-for用于循环渲染，需使用唯一key。常见报错包括未 …
阅读更多
cmdragon
广告位