组件绑定事件与源生事件

在组件上绑定的事件,
分为两种,一种是监听事件,只能由组件内通过$emit()触发,
另一种,是原生事件,触发在父元素中的方法
想在组件上触发原生事件需要在事件后加.native

<div id="app">  
  <item  @click="handleClick"><item>
    <item  @click.native="handleClick"><item>
</div>

Vue.component("item",{
   template: "<div>item</div>",
   methods:{
      handleClick(){
         console.log("这是监听事件")
      }
   }
})

var vm = new Vue({
   el: "#app",
   methods:{
       handleClick () {
         console.log("这是父组件的源生事件")
       }
   }  
})