通过"."指明一些指令后缀,不同后缀封装了不同的处理操作
作用:简化代码
例如:
事件修饰符
- @事件名.stop 阻止冒泡
- @事件名.prevent 阻止默认行为
按键修饰符
- @keyup.enter 键盘回车监听
键盘回车监听
<div class="app">
<input type="text" @keyup.enter="fn" v-model="text">
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.16"></script>
<script>
const app=new Vue({
el:'.app',
data:{
text:''
},
methods:{
fn(){
console.log(this.text);
}
}
})