vue v-on修饰符

     **事件修饰符：
     1. .stop:阻止事件继续传播，即阻止事件冒泡行为
     2. .prevent:阻止本来应该发生的事件，转而执行我们自己定义的事件
            例如：阻止a 链接href 跳转，去执行我们定义的事件
    3.  .capture: 变为捕获事件，事件由外向内触发 （修饰符要写在外层）
    4. .once :一次性事件修饰符  加上此修饰符之后相应的函数只能触发一次，无论你点击多少下，函数就只触发一
    5. .self修饰符
        当前元素自身时触发处理函数时才会触发函数，
        原理：是根据event.target确定是否当前元素本身，来决定是否触发的事件/函数
        实例：如果点击内部点击2，冒泡不会执行gett方法，
        因为event.target指的是内部点击2的dom元素，不是外部点击1的，所以不会触发自己的点击事件**

<div id="app">
        <a href="http://www.baidu.com" @click.prevent="t">百度</a>
        <div v-on:click.self="test1">
            test1
            <div v-on:click="test2">
                test2
            </div>
        </div>
    </div>

new Vue({
            el:'#app',
            data:{
                
            },
            methods:{
                t(){
                    alert(123)
                },
                test1(){
                    console.log('text1')                        
                },
                test2(){
                    console.log('text2')                        
                }
            }
           
        })