Vue-修饰符

.stop

阻止事件的传播(冒泡,捕获)

<template>
    <div @click.stop>
        <div></div>
        <button @click="a">Click</button>
    </div>
</template>

.sync

更新绑定属性

<comp :title.sync="1"></comp>

//comp
data(){
    title:'childTitle'
},
mounted(){
    this.$emit('update:title',this.title)
}

native

.once

事件只触发一次

    <div @click.once="a">
        111
    </div>

.self

事件是当前元素触发(内部触发不了)

<div @click.self="a">
    <div>1</div>
    <div>2</div>
</div>