Vue.js事件处理器

事件监听：

v-on指令进行事件监听。v-on需要参数，参数为事件类型。如click、change等。

1：直接操纵属性

<div id="app>

<button v-on:click="counter++">增加1</div>

<p>这个按钮被点击了{{counter}}</p>

</div>

<script>

new Vue({

el:'#app',

data:{

counter:0

}

});

</script>

2：一般，我们使用一个方法来调用

<div id="app">

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

</div>

<script>

var vm = new Vue({

el:'#app',

data:{

name:'Vue学习'

},

methods:{

greet:function(){

alert("hello "+this.name+' 新名字是 '+newName);

}，

greet2:function(newName){

alert("新名字是："+newName);

}

}

});

</script>

这里要指出，当调用的方法有参数时，可以选择传入参数，即:v-on:click="greet2('newName‘)"。如果直接使用"greet2"的话，默认传入事件作为参数。

3：事件修饰符：

在事件参数后，使用"."加事件修饰符，来处理DOM事件细节。这里先不讨论。

4：按键修饰符

允许为按键提供监听功能。暂略。