vue的事件修饰符

一.事件修饰符

1.阻止冒泡：’.stop’
阻止事件的冒泡

   ------@click.stop='f1()'
            -----由内向外开始触发冒泡
            <div @click='f1()'>
                <button @click='f2()'>点击</button>
            </div>
            //点击button ，div事件触发

2.阻止默认事件：’.prevent’

 -------@click.prevent='f2()'
            -------实例：链接的跳转

3. 添加事件监听(捕获)：’.capture’

   ------一般的事件的执行为冒泡机制，即默认的机制为冒泡，
            ------@click.capture='f3()'
            --------由外到内-----捕获

4. 当事件在该元素本身时触发回调：’.self’

 ------@click.self='f4()'
            ------实例情境：使用冒泡机制，但不想让某元素触发事件

5. 事件只触发一次：’.once’

  <a href="" @click.prevent.once='f5()'>链接</a>