1.lazy
在默认情况下，v-model 在每次 input 事件触发后将输入框的值与数据进行同步 。你可以添加 lazy 修饰符，从而转变为使用 change事件进行同步。适用于输入完所有内容后，光标离开才更新视图的场景。
2.trim
如果要自动过滤用户输入的首尾空白字符，可以给 v-model 添加 trim 修饰符：
<input v-model.trim="msg">
这个修饰符可以过滤掉输入完密码不小心多敲了一下空格的场景。需要注意的是，它只能过滤首尾的空格！首尾，中间的是不会过滤的。
3.number
如果想自动将用户的输入值转为数值类型，可以给 v-model 添加 number 修饰符:
<input v-model.number="value" type="text" />如果你先输入数字，那它就会限制你输入的只能是数字。如果你先输入字符串，那它就相当于没有加.number
4.事件
<!-- 阻止单击事件继续传播 -->
<a v-on:click.stop="doThis"></a>
<!-- 提交事件不再重载页面 -->
<form v-on:submit.prevent="onSubmit"></form>
<!-- 修饰符可以串联 -->
<a v-on:click.stop.prevent="doThat"></a>vue 监听组件原生事件_使用vue中的修饰符.native
.native主要用于监听组件根元素的原生事件,主要是给自定义的组件添加原生事件。官方对.native修饰符的解释为：有时候，你可能想在某个组件的根元素上监听一个原生事件。可以使用 v-on 的修饰符 .native 。
vue中的事件修饰符（.stop、.prevent、.self、.capture、.once）
使用.stop阻止事件的冒泡行为。使用.prevent阻止事件的默认行为。使用.self实现只有点击当前元素才会触发事件处理函数。使用.capture实现捕获触发事件的机制，即从外部事件开始执行。使用.once实现事件的触发次数为一次。
JavaScript 私有类字段和 TypeScript 私有修饰符
在本文中，我们将对 JavaScript 私有类字段进行一些说明，并了解它们与 TypeScript 私有修饰符的区别。在过去，JavaScript 没有保护变量不受访问的原生机制，当然除非是典型闭包。
Vue这些修饰符帮我节省20%的开发时间
为了方便大家写代码，vue.js给大家提供了很多方便的修饰符，比如我们经常用到的取消冒泡，阻止默认事件等等~填写表单，最常用的是什么？
Vue 的 .sync 修饰符
.sync 修饰符算是 Vue 的所有修饰符中较难理解的一个，本篇文章就带你走近 .sync 的世界，深入理解后会发现，其实也就那么回事。修饰符和指令息息相关，下面从 指令 -> 修饰符 -> .sync 修饰符 由浅入深地来讲解 .sync 的含义及用法。
Vue Template 修饰符和简写，让开发效率有所提高
vue 是一个易于使用的Web应用程序框架，可用于开发交互式前端应用程序。在本文中，我们将介绍指令的修饰符和一些有用的模板简写指令。事件修饰符例如，v-on指令的.prevent修饰符将在设置为该值的事件处理函数上自动运行
Vue事件修饰符的使用
如果需要在内联语句处理器中访问原生DOM事件。可以使用特殊变量$event，把它传入到methods中的方法中。在Vue中，事件修饰符处理了许多DOM事件的细节，让我们不再需要花大量的时间去处理这些烦恼的事情，而能有更多的精力专注于程序的逻辑处理
面试官最喜欢问的 14 种Vue修饰符
修饰符也是Vue的重要组成成分之一，利用好修饰符可以大大地提高开发的效率，接下来给大家介绍一下面试官最喜欢问的13种Vue修饰符。lazy修饰符作用是，改变输入框的值时value不会改变
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!