006 事件处理

1、监听事件：(添加事件)

　　我们可以使用 v-on指令（通常缩写为@符号）来监听DOM事件，并在触发事件执行一些JavaScript。用法为v-on:click="methodName"或使用快捷方式@click="methodName"

　　<button @click="counter +=1">Add 1</button>

　　datda(){

　　　　return{

　　　　　　counter:0

　　　　}

　　}

2、事件处理方式（更加容易的操作事件，参数，事件对象）

　　然而许多事件处理逻辑会更为复杂，所以直接把JavaScript代码在v-on指令中是不可行的。因此v-on还可以接收一个需要调用的方法名称。

　　<button @click="greet">Greet</button>

　　methods:{

　　　　greet(event){

　　　　　　// event 是原生DOM event

　　　　　　if （event）{

　　　　　　　　alert(event.target.tagName)

　　　　　　}

　　　　}

　　}

3、内联处理器中的方法（传递不同的参数）

　　这是官方的翻译称呼，其实我们可以直接叫他“事件传递参数”

　　<button @click="say('hi')">Say hi</button>

　　<button @click="say('what')">Say what</button>

　　methods:{

　　　　say(message){

　　　　　　alert(message)

　　　　}

　　}