1.阻止单击事件冒泡
<a @click.stop='handle'></a>
2.提交事件不再重载页面
<form @submit.prevent='handle'></a>
3.修饰符可以串联
<a @click.stop.prevent='handle'></a>
4.只有修饰符
<form @submit.prevent></a>
5.添加事件监听时使用事件捕获模式
<div @click.capture='handle'></div>
6.只当事件在该元素本身(而不是子元素)触发时触发回调
<div @click.self='handle'></div>
7.只触发一次
<div @click.once='handle'></div>
- v-model 默认是同步数据,使用 .lazy 会转变为在 change 事件中同步 ,也就是在失去焦点 或者 按下回车键时才更新
<input type="text" v-model.lazy="val">
9.修饰符.number可以将输入转换为Number类型,虽然输入是number,其实是string
<input type="number" v-model.number="val">
10.修饰符.trim可自动过滤输入的首位空格
<input v-model.trim="val">
11.修饰符.native表示监听的是一个原生事件,监听的是改组件的根元素
<icon-svg class="icon-svg" @click.native="delDependentModule(index)"/>