stop
作用： 阻止事件冒泡
下述代码如果按照事件冒泡原理，在点击button后，会在控制台打印出father、son两个字符串，倘若加上stop。点击button按钮，则只会打印son。
<body>
<div id="father" @click="bubbling('father')" style="background-color: red;">
<button id="son" @click.stop="bubbling('son')">点击</button>
</div>
<script>
let vm = new Vue({
el:"#father",
methods:{
bubbling(person){
console.log(person);
}
}
})
</script>
</body>
prevent
作用： 阻止默认事件（例如——form表单的submit提交事件）
下述代码在点击提交后，提交的请求会被拦截。无法提交出去。
<body>
<div id="app">
<form action="" @submit
最低0.47元/天 解锁文章
507
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
