vue笔记之事件修饰符

   <!-- 使用 .stop 阻止冒泡事件-->
   <div class="inner" @click="divHandler">
      <input type="" name="" @click.stop="btnHandler">
    </div> 
    
    <!-- 使用 .prevent阻止默认行为 -->
    <a href="" @clcik.prevent="linkClick"></a> 
    
    <!-- 使用 .capture实现捕获触发事件的机制 -->
    <div class="inner" @click.capture="divHandler">
      <input type="" name="" @click="btnHandler">
    </div> 
    
    <!-- 使用 .self实现只有点击当前元素的时候，才会触发事件处理函数 -->
     <div class="inner" @click.self="divHandler">
      <input type="" name="" @click="btnHandler">
    </div>
    
    <!-- 使用 .once只触发一次事件处理函数 -->
   <a href="" @clcik.prevent.once="link"></a>