Vue指令4：v-on

监听事件

事件:click\keydown

<button v-on:click="greet"></button>

 可以简写为  <button @click="greet"></button>

v-on 可以接收一个定义的方法来调用。

示例：

<div id="example-2"> <!-- `greet` 是在下面定义的方法名 --> <button v-on:click="greet">Greet</button> </div>

var example2 = new Vue({ el: '#example-2', data: { name: 'Vue.js' }, // 在 `methods` 对象中定义方法 methods: { greet: function (event) { // `this` 在方法里指当前 Vue 实例 alert('Hello ' + this.name + '!') // `event` 是原生 DOM 事件 if (event) { alert(event.target.tagName) } } } })   // 也可以用 JavaScript 直接调用方法 example2.greet() // => 'Hello Vue.js!'

转载于:https://www.cnblogs.com/zhaodagang8/p/7819737.html