修饰符 native

业务场景：父组件中引用一个子组件，直接在子组件上写@click绑定点击事件（当前页面是父组件）
解决痛点：点击事件无法触发
用法：使用@click.native=”event()”

<template>   
   <son-comp @click.native="clickComp"></son-comp>
</template>  
<script>
import sonComp from '....'
export default {
   components:{sonComp},
   methods:{
      clickComp() {
         console.log("子组件被点击了")
      }
   }
}
</scrip>
<template>   
   <son-comp @click.native="clickComp"></son-comp>
</template>  
<script>
import sonComp from '....'
export default {
   components:{sonComp},
   methods:{
      clickComp() {
         console.log("子组件被点击了")
      }
   }
}
</scrip>
<template>   
   <son-comp @click.native="clickComp"></son-comp>
</template>  
<script>
import sonComp from '....'
export default {
   components:{sonComp},
   methods:{
      clickComp() {
         console.log("子组件被点击了")
      }
   }
}
</scrip>

注意：只有直接在自定义组件上绑定事件时才使用native修饰符，如果是普通html标签（button等）就会导致事件失效！