1.子组件使用ref,父组件直接调用(推荐)
<child ref="mychild"></child>
this.$refs.mychild.childMethod("嘿嘿嘿");
2.子组件注册监听事件,父组件调用$emit触发
this.$refs.mychild.$emit('childMethod','嘿嘿嘿') // 方法1:触发监听事件
//子组件注册监听事件
this.$on('childMethod', (res) => {
console.log('方法1:触发监听事件监听成功')
console.log(res)
})
原理:
vm.$on( event, callback ):监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。
vm.$emit( event, […args] ):触发当前实例上的事件。附加参数都会传给监听器回调。
父组件中: