vue学习笔记--将原生事件绑定到组件

效果：

image.png

方法1:
当点击

你好

时，子组件会间听到自身div 元素被点击了通过$emit 向外触发一个自定义事件,同时在 中又监听了这个自定义事件，这时handleclick1就会被执行。
html:

script :

Vue.component('component1', {
template: '

你好

',
methods:{
handleclick1:function () {
this.$emit('click')
}
}
})
new Vue({
el:"#app",
methods:{
handleclick:function () {
alert('holl')
}
}
})

方法二：
通过 .native

script :
Vue.component('component1', {
template: '

你好

',
})
new Vue({
el:"#app",
methods:{
handleclick:function () {
alert('holl')
}
}
})