Vue中.native修饰符你可能有很多次想要在一个组件的根元素上直接监听一个原生事件。这时，你可以使用 v-on 的

你可能有很多次想要在一个组件的根元素上直接监听一个原生事件。这时，你可以使用 v-on 的 .native 修饰符
在某个组件的根元素上监听一个原生事件。需要用.native修饰符。

<div id="app">
  <button @click="add('1')">普通的html标签，不包含native的按钮</button><br/>    //触发
  <button @click.native="add('2')">普通的html标签，包含native的按钮</button><br/>  //没触发
  <myself-button @click="add('3')"/></myself-button><br/>        //没触发
  <myself-button @click.native="add('4')"/></myself-button>      //触发
<div>

<script>
  Vue.component('myself-button', {
      template: `<button>我是自定义的标签</button>`
  });
  var vm=new Vue({
    el:"#app",
    data:{
    },
    methods:{
      add:function(obj){
        console.log(obj+'我触发了');
      },
    }
  });
</script>