[TOC] ### 1、Vue.js事件綁定的一般格式 ~~~ v-on:click='function' v-on:click/mouseout/mouseover/ @click @是v-on:的簡寫 ~~~ ~~~ v-bind 指令用于響應地更新 HTML 特性（綁定元素已有的屬性） 形式如：v-bind:href 縮寫為 :href; v-on 指令用于監聽DOM事件 形式如：v-on:click 縮寫為 @click; ~~~ ### 2. 事件 - 事件對象（鼠標點擊事件）：@click="show($event)" - 阻止事件冒泡(只顯示當前事件父事件不會觸發)：@click.stop ="" - 阻止事件的默認行為：@contextmenu.prevent - 鍵盤事件：@keyup.enter （回車） 上、下、左、右 @keyup/keydown.left @keyup/keydown.right @keyup/keydown.up @keyup/keydown.down - [具體的事件詳情](https://www.cnblogs.com/15fj/p/8047986.html) [v-mode表單綁定事件](https://www.cnblogs.com/dyfbk/p/6868350.html)