摘要：
事件修饰符 一、事件可以同时绑定多个修饰符，比如： <a @click.stop.once="doThis"></a> 二、绑定多个修饰符时，有先后顺序且意义可能也不一样，比如： <div @click.prevent.self="..."> ... </div> <div @click.self. 阅读全文
摘要：
此文档主要整理一些不常用的，且常被遗忘掉的知识点 一、${}方法的使用：用于在字符串内绑定数据 常规字符串内绑定数据方法： <div :id="'a' + count"></div> 利用${}方法： // 注意：`号不是单引号// ${变量}<div :id="`a${count}`"></div 阅读全文
摘要：
绑定style样式对应HTML 元素的 style 属性，比如要设置字段大小： <div :style="{fontSize: '2rem'}">你好，中国！</div> 样式名称建议采用驼峰写法，但是也可以用 kebab-cased 的形式，比如上例中，也可以写成： <div :style="{' 阅读全文
摘要：
Vue 专门为 class 和 style 的 v-bind 用法提供了特殊的功能增强。 形态一：常规形态 <template> <div :class="className"></div> </template> <script setup> const className = 'text-pri 阅读全文
摘要：
nextTick() 响应式数据变化之后，并不是立刻同步更新DOM视图。nextTick()函数可以取响应式数据变化之后的视图。 nextTick(callback) @说明：响应式数据变化后，等待其更新视图。这样就能获取最新的DOM内容 @参数： callback [可选] 回调函数 @返回：无 阅读全文