事件修饰符用来修饰事件，紧跟事件：@click.修饰符='函数名称'

.stop阻止冒泡

@click.stop='function_name'

.prevent组织默认行为

<a href="http://www.baidu.com" target="_blank" @click.prevent='clickHandler'>点击</a>

<script>
var vm = new Vue({
            el:'#app',
            methods:{
                clickHandler(){
                    console.log('xx')
                }
            }
        });
</script>

点击后，控制台打印 xx，不会跳转连接

.capture捕获

和默认的冒泡事件顺序相反。从外向内冒泡。

.self

只有本身的事件才会被触发。冒泡过来的不会触发。

.once只触发一次事件处理函数

<a href="http://www.baidu.com" target="_blank" @click.prevent.once='clickHandler'>点击</a>

<script>
var vm = new Vue({
            el:'#app',
            methods:{
                clickHandler(){
                    console.log('xx')
                }
            }
        });
</script>

第一次点击后，控制台打印 xx，不会跳转连接。第二次开始会跳转链接。