vue.js 中常用的修饰符
修饰符是 Vue.js 中用于修改指令行为的特殊后缀。它们可以添加到指令的末尾，以指定额外的功能。
常用的修饰符：
1. .lazy
- 延迟指令的执行，直到元素进入 DOM。
-
用法：
v-model.lazy、v-if.lazy
2. .memo
立即学习“前端免费学习笔记（深入）”；
- 缓存指令的计算结果，防止在后续渲染中重复计算。
-
用法：
v-bind:class.memo
3. .number
- 将表达式强制转换为数字，用于数字输入。
-
用法：
v-model.number
4. .trim
- 修剪输入值中的空格。
-
用法：
v-model.trim
5. .prevent
- 阻止事件的默认行为。
-
用法：
v-on:click.prevent
6. .stop
- 阻止事件冒泡。
-
用法：
v-on:click.stop
7. .once
- 只执行指令一次。
-
用法：
v-on:click.once
8. .self
- 仅在当前元素上触发事件处理函数。
-
用法：
v-on:click.self
9. .capture
- 在事件捕获阶段触发事件处理函数。
-
用法：
v-on:click.capture
10. .enter
- 在元素进入 DOM 时触发事件处理函数。
-
用法：
v-transition:enter
11. .leave
- 在元素离开 DOM 时触发事件处理函数。
-
用法：
v-transition:leave
