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>