【Vue.js】コンポーネントのルート要素で発生するネイティブイベントを購読する方法

方法

• .native 修飾子を使用する。

<templete>
  <div>
    <some-component @click.native="onClick" />
  </div>
</templete>

用途

• ライブラリのコンポーネントを使用している場合に、そのコンポーネントで発生するclickイベント等のネイティブイベントを、そのコンポーネントを利用する側で購読したい場合。
• 自作のコンポーネントを使用している場合でも、そのネイティブイベントを購読したいのが特殊な場合で、そのためにコンポーネントに$emitするコードを書きたくない場合。