vue不仅提供给我们数据绑定的功能,还让我们能够有可以处理事件的事件监听器。
下面是例子
<div id="app-5"> <p>{{ message }}</p> <button v-on:click="reverseMessage">逆转消息</button> </div> |
var app5 = new Vue({ el: '#app-5', data: { message: 'Hello Vue.js!' }, methods: { reverseMessage: function () { this.message = this.message.split('').reverse().join('') } } }) v-on:click可以触发vue message属性中定义的方法。 |