vue--事件綁定指令

vue提供了v-on：事件綁定指令，用來輔助程序員為DOM元素綁定事件監聽。

綁定事件

• v-on：click="定義在vue中的方法"
• v-on：input="定義在vue中的方法"
• v-on：keyup="定義在vue中的方法"

定義在vue中的方法在與data同層級的 methods  里 

methods:{
add: function(){}
}
//簡寫
 methods:{
add(){}
}

 v-on：簡寫 為@

$event

如果在綁定事件的時候沒有傳參，則綁定的方法默認有一個參數（事件）對象e。如果在綁定事件時傳參，則沒有e。

vue提供了內置變量，名字叫$event,它是原生DOM的事件對象。在傳參時把$event也傳進去，就會有e。

 事件修飾符

在事件處理函數中調用event.preventDefault()或event.stopPropageation(）是非常常見的需求。因此vue提供了事件修飾符的概念，來輔助程序員更方便的對事件的觸發進行控制。例如：@click.prevent = "方法"

                        常用的2個事件修飾符如下：

事件修飾符	說明
.prevent	阻止默認行為（例如：阻止a鏈接的跳轉，阻止表單的提交等）
.stop	阻止事件冒泡