VUE事件绑定（详解教程）

事件机制

概述 在dom阶段，我们已经讲述了事件机制的特点：

1. 事件三要素

2. 事件绑定

3. 事件流

4. 事件对象

5. 事件代理

6. 事件类型 这些概念在vue中依旧存在，但是vue中的事件机制要更加的简单便捷一

1.事件绑定 可以用 v-on 指令监听DOM 事件，并在触发时运行一些 JavaScript 代码。v-on 还可以接收一个需要调用的方法名称。 <button v-on:click="handler">good</button> methods: { handler: function (event) { if (event) { alert(event.target.tagName) } // event 是原生 DOM 事件 } } 除了直接绑定到一个方法，也可以在内联 JavaScript 语句中调用方法，通过$event传递原生事件对象： <button v-on:click="say('hi',$event)">Say hi</button> methods: { say: function (message,event) { alert(message) } } 由于事件绑定在vue中使用概率较大，所以这里提供了简写形式 <button @click="say('hi',$event)">Say hi</button>

事件参数
在事件调用时，可以进行参数