html绑定原生事件,给组件绑定原生事件

//这里绑定的事件是指的自定义事件

Vue.component("child", {

//这里绑定的事件是指的原生的事件

template: "

I am a child

",

methods: {

handleChildClick: function() {

alert("childClick");

//想触发父组件的handleClick必须这样做：

this.$emit("click")

}

}

});

var vm = new Vue({

el: "#root",

methods: {

handleClick: function() {

//此处不能触发绑定的handleClick事件，因为这是自定义事件

alert("fatherClick");

}

}

})

但是，像上面这种写法太麻烦，有时候就想在child(原生组件)监听，可以加上.native：

//加了.native可以触发handleClick

//不加.native无法触发handleClick

Vue.component("child", {

//这里绑定的事件是指的原生的事件

template: "

I am a child

",

});

var vm = new Vue({

el: "#root",

methods: {

handleClick: function() {

//此处不能触发绑定的handleClick事件，因为这是自定义事件

alert("fatherClick");

}

}

})