【第六节】方法与事件处理器

方法与事件处理器

方法处理器

可以用 v-on 指令监听 DOM 事件:

<div id="example">
<button v-on:click="greet">Greet</button></div>

绑定一个单击事件处理器到一个方法 greet 。下面在 Vue 实例中定义这个方法

var vm=new Vue({
   
   el:'#example',data:{
   
   
name:'Vue.js'
//在'methods’对象中定义方法
methods:{
   
   greet:function(event)(//方法内'this”指向 
vmalert('Hello+ this.name +'!')
//“event'是原生DOM事件
alert(event.target.tagName)
//也可以在 JavaScript 代码中调用方法
vm.greet()
//'Hello Vue.js!