VUE指令—v-on
v-on: 用来给html标签绑定事件的。需要注意的是如下2点:
- v-on语法给标签的事件绑定的函数,必须是vue对象种声明的函数
- v-on语法绑定事件时,事件名相比较js中的事件名,没有on
<body>
<div id="app">
<!-- v-on用于绑定事件 -->
<input type="button" value="点我一下" v-on:click="handle()">
<!-- v-on可以省略为@ -->
<input type="button" value="点我一下" @click="handle()">
</div>
<script>
new Vue({
el:"#app",
data:{
message:""
},
methods: {
handle: function(){
alert("我被点击了!")
}
},
})
</script>
</body>
标签:Vue,标签,绑定,语法,指令,事件
From: https://www.cnblogs.com/ai-study/p/18235257