vue,事件冒泡与取消默认事件

不解释，直接贴代码

    <div class="hello">
       <button @click="bigBtn" class="bigBtn">
           大按钮
           <!-- 取消事件冒泡 .stop能够取消事件冒泡 -->
           <!-- 点击小按钮时不会触发大按钮的事件 -->
           <button @click.stop="smallBtn" class="smallBtn">
               小按钮
           </button>
       </button>
       <!-- 取消默认事件， .prevent取消了href的默认跳转事件 -->
       <a href.prevent="">跳转到本页</a>
    </div>