父组件传递自定义事件给子组件,子组件显示调用的两种方式
1.父组件使用 v-bind(:属性传递)
<child
:mockParent="handleParentEvet"
></child>
props:{
mockParent:{
type: Function
}
},
methods:{
handle(){
this.mockParent('param from child')
// 不能使用 this.$emit('mockParent','sssss')
}
}
2.父组件使用 v-on(@传递),子组件调用时使用边界情况
<child
@test="parentTest"
@update="parentUpdate"
></child>
methods:{
handle(){
this.$listeners.test('param from child test') // OK
this.$listeners.update('param from child update') // OK
this.$emit('update','param from child update') // OK
}
}