emits子组件调用父组件方法

子组件可以通过使用emits选项来触发父组件的方法。在子组件中，可以使用emit函数来触发指定的事件，并传递相应的参数。例如，在子组件的setup函数中，可以定义一个handleClick函数，并在其中使用emit函数触发'childToParent'事件，并传递消息作为参数。具体代码如下所示：

export default {
  name: "childrenComponent",
  emits: \['childToParent'\],
  setup(props, { emit }) {
    const handleClick = () => {
      emit('childToParent', "传递消息");
    }
    return {
      handleClick
    }
  }
}

这样，当子组件中的按钮被点击时，会触发handleClick函数，进而触发'childToParent'事件，并将消息作为参数传递给父组件。父组件可以通过监听'childToParent'事件来调用相应的方法。
#### 引用[.reference_title]
- *1* *2* [vue3.x 子组件调用父组件方法或值](https://blog.csdn.net/qq_37656005/article/details/121142986)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [【Vue3系列】 父组件调用子组件的方法-子组件向父组件传值](https://blog.csdn.net/weixin_48200589/article/details/122102852)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]