- 监听事件处理vm数据
<body>
<div id="app">
<button @click="count++">点击</button>
{{count}}
</div>
<script>
new Vue({
el: '#app',
data: {
count: 0,
}
})
</script>
</body>
- 监听事件处理方法
<body>
<div id="app">
<button @click="add">点击1</button>
<button @click="add()">点击2</button>
{{count}}
</div>
<script>
new Vue({
el: '#app',
data: {
count: 0,
},
methods:{
add: function () {
this.count++;
}
}
})
</script>
</body>
- 按键监听处理
<body>
<div id="app">
<input type="text" @keyup.enter.ctrl="add">
{{count}}
</div>
<script>
new Vue({
el: '#app',
data: {
count: 0,
},
methods:{
add: function () {
this.count++;
}
}
})
</script>
</body>