自定义事件的两种写法
一.常规自定义事件
父组件
<Student @getMsg="getMsg1"><Student/>
methods:{
getMsg1(data){
console.log(data)
}
}
子组件调用自定义事件
this.$emit("getMsg",this.data)
二.$on绑定自定义事件
父组件
<Student ref="student"><Student/>
methods:{
getMsg1(data){
console.log(data)
}
}
//挂载时绑定事件
mouted(){
this.refs.student.$on("getMsg",this.getMsg1)
}
子组件调用自定义事件
this.$emit("getMsg",this.data)
两者都可以实现子组件向父组件传递数据,后者相对于麻烦一些,当更加的灵活,可延迟调用事件。