Vue.js 提供了修饰符来修改指令的行为，包括事件修饰符（如 .once 和 .prevent）、键盘修饰符（如 .enter 和 .space）、表单修饰符（如 .lazy 和 .trim），以及其他修饰符（如 .sync 和 .model）。这些修饰符简化了指令的自定义，增强了 Vue.js 应用程序的功能。
Vue 中常用的修饰符
Vue.js 中提供了修饰符，用于修改指令的行为或提供额外的功能。常见修饰符包括：
事件修饰符
- .once： 仅触发一次
- .stop： 阻止事件传播
- .prevent： 阻止默认行为
- .passive： 不阻止默认行为但可以触发事件侦听器
- .capture： 在捕获阶段触发
键盘修饰符
立即学习“前端免费学习笔记（深入）”；
-
.enter：
Enter键 -
.tab：
Tab键 -
.delete：
Delete键 -
.esc：
Escape键 -
.space：
Space键
表单修饰符
- .lazy： 仅在失去焦点时更新模型
- .number： 将输入转换为数字
- .trim： 修剪输入中的空白字符
其他修饰符
- .self： 仅适用于当前元素
- .sync： 在组件和模型之间双向绑定数据
- .bind： 将表达式绑定到元素的特性
- .model： 为输入元素创建双向绑定
- .cloak： 在 Vue 实例初始化之前隐藏元素
通过使用这些修饰符，可以轻松地调整指令的行为并增强 Vue.js 应用程序的功能。
