将原生事件绑定到组件

有时我们想直接侦听组件根元素上的原生事件。
在这种情况下， v-on 的 .native 修饰符就派上用场了。
但是，在非常具体的元素上使用它并不是一个好主意。

有一种情况，我们想在组件内使用 on click 指令但它不起作用。
其中我们建议一个像魅力一样工作的片段。

要监听组件根元素上的原生事件，应该像这样使用 v-on 的 .native 修饰符：

<template>
  <div id="app">
    <test v-on:click.native="testFunction"></test>
  </div>
</template>

上面的代码片段有一个简写版本：

<template>
  <div id="app">
    <test @click.native="testFunction"></test>
  </div>
</template>