<button @click="greet">單個點擊事件</button>

methods:{
        greet(){
            console.log('單個點擊事件')
        }
    }

<button @click="one($event), two($event)">多個點擊事件</button>

methods:{
        one(e){
            console.log(e)
        },
        two(e){
            console.log(e)
        }
    }

<div @click="box('我是大box')" style="width:500px; background:red">
    <button @click.stop="doThis('我是內(nèi)嵌點擊事件按')">單個點擊事件</button>
 </div>

 methods:{
        doThis(val){
            console.log(val)
        },
        box(val){
            console.log(val)
        }
    }

<form action="">
    <!-- 默認(rèn)提交事件 -->
    <!-- <input type="submit" value="提交"> -->
    <!-- 阻止默認(rèn)事件 -->
    <input type="submit" value="提交" @click.prevent="submitCLICK('prevent阻止默認(rèn)事件')">
  </form>

methods:{
        submitCLICK(val){
            console.log(val)
        }
    }

<form action="">
    <input type="submit" value="提交" @click.capture="submitCLICK('capture先在此處理')">
  </form>

methods:{
        submitCLICK(val){
            console.log(val)
        }
    }

<button @click.once="ononce('點擊事件將只會觸發(fā)一次')">點擊事件將只會觸發(fā)一次</button>

methods:{
        ononce(val){
            console.log(val)
        }
    }

<!-- 滾動事件的默認(rèn)行為 (即滾動行為) 將會立即觸發(fā)，   -->
<div @scroll.passive="onScroll">...</div>

// 按循序執(zhí)行先執(zhí)行阻止冒泡事件在執(zhí)行阻止默認(rèn)事件
<a @click.stop.prevent="doThat"></a>

<!-- 只有在 `key` 是 `Enter` 時調(diào)用 `vm.submit()` 按enter鍵執(zhí)行 -->
<input @keyup.enter="submit" />
<!-- 按delete 鍵執(zhí)行 -->
<input @keyup.delete="submit" />

<!-- Alt + Enter 時觸發(fā)-->
<input @keyup.alt.enter="clear" />

<!-- Ctrl + Click 按住加點擊時觸發(fā)-->
<div @click.ctrl="doSomething">Do something</div>