Vue中的事件修饰符：
*可以写多个，用.连接（前三个重要）
1.prevent：阻止默认事件（常用）
默认事件：跳转
2.stop：阻止事件冒泡（常用）
冒泡：父级元素也会有一个与自己元素一样的事件
3.once：事件只触发一次（常用）
只触发一次：按钮只能点一次
4.capture：使用事件的捕获模式。
当前事件在捕获的时候就开始处理
5.self：只有event.target是当前操作的元素时是才触发件
6.passive：事件的默认行为立即执行。无需等待事件回调执行完毕
*scroll：滚动条触发事件
wheel：鼠标滚轮触发事件
事件实现顺序：动作->回调函数->默认行为
∴如果滚动事件回调函数很复杂，就会用到passive
<body>
<div id="root">
<h2>欢迎{{name}}</h2>
<a href="http:www.baidu.com" @click.prevent="showInfo">点我提示信息</a>
<!--prevent阻止默认事件发生-->
</div>
</body>
<script>
new Vue({
el:'#root',
data:{
name:'Gui'
},
methods:{
showInfo(){
alert('你好')
}
}
})
</script>
98
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
