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!'