vue3.0 子组件调用父组件、父组件调用子组件

子组件调用父组件

父组件

<my-childe  ref="RefChilde" @update:FatherTalk="FatherTalk"></my-childe>


子组件调用

setup(props, context) {

// ....
  function fnCallFather () {
        
    // 关键
    context.emit('update:FatherTalk', pathChildName);
  }

}

 

父组件调用子组件方法

<my-childe  ref="RefChilde" @update:FatherTalk="FatherTalk"></my-childe>

// ...

setup() {

    ...
    const RefChilde = ref(null)

    function fnCallChild () {
        // 关键调用子组件方法 talk()
        RefChilde.value.talk()
    }
    
    return { RefChilde }
}