vuejs給組件綁定原生事件

給組件綁定事件，該事件是自定義的事件

<div id='root'>
　　<child @click='handleClick'></child>
</div>

<script>
Vue.component('child',{
　　template:'<div>hello</div>'
})
var vm = new Vue({
　　el:'#root',
　　methods:{
　　　　handleClick:function(){
　　　　　　alert(1);
　　　　}
　　}
})
</script>

這樣在組件綁定事件是無用的

 

那我就想在組件監聽原生事件怎么辦呢？可以，在綁定原生事件的時候告訴vue，它是原生事件

<div id='root'>
　　<child @click.native='handleClick'></child>
</div>

<script>
Vue.component('child',{
　　template:'<div>hello</div>'
})
var vm = new Vue({
　　el:'#root',
　　methods:{
　　　　handleClick:function(){
　　　　　　alert(1);
　　　　}
　　}
})
</script>

這樣就行，@click.native，后面.native，告訴vue監聽的是原生事件