Vueでバブルとデフォルトのイベントをブロック

オリジナルの方法でバブルやデフォルトのイベントを阻止することは多くの人が知っていますが、Vueはデータ駆動のMVVMフレームワークですが、プロジェクトが必要なときはバブルやデフォルトのイベントを阻止する必要があります.一般的なやり方は

<div>
  <div @click="show($event)">div>
div>

//      
methods: {
  show (event) {
    //     
    event.stopPropagation();
    //       
    event.preventDefault();
  }
}

Vueは、より便利な書き方を提供します.

<div>
  <div @click.stop="show()">div>
div>


<div>
  <div @click.prevent="show()">div>
div>

掘削を待つより多くの遊び方...