<html>
<body>
<div id="app">
<!-- 阻止冒泡事件 -->
<div @click="btn2Click">
aaaa
<button @click.stop="btn1Click">按钮1</button>
</div>
<br>
<!-- 取消默认事件 -->
<form action="baidu">
<input type="submit" value="提交" @click.prevent="submitClick">
</form>
<!-- 监听某个键盘的键帽点击 -->
<input type="text" @keyup.enter="keyup">
<!-- 组件的监听，需要加上native -->
<!-- <cpn @click.native="cpnClick"></cpn> -->
<!-- once修饰符的使用 -->
<button @click.once="onceClick">?</button>
</div>
</body>
<script src="../js/vue.js"></script>
<script>
const app = new Vue({
el: '#app',
data: {
event: 'abcd'
},
methods: {
btn1Click() {
console.log("123")
},
btn2Click() {
console.log("abc")
},
submitClick() {
console.log('submitClick')
},
keyup() {
console.log('keyup')
},
onceClick() {
console.log('once')
}
}
})
</script>
</html>
来源：CSDN
作者：小小小菜鸡zzzz
链接：https://blog.csdn.net/ojb98K/article/details/104125119