vue 中子组件调用父组件的方法

在Vue中，子组件可以通过几种方法来调用父组件的方法。第一种方法是直接在子组件中使用`this.$parent.methodName()`来调用父组件的方法。这种方法适用于子组件和父组件处于相同的组件树中，且父组件是子组件的直接父级。

第二种方法是使用`$emit`来向父组件发送一个自定义事件，父组件通过监听这个事件来调用相应的方法。子组件可以使用`$emit('eventName')`来触发自定义事件，而父组件通过在模板中使用`@eventName="methodName"`来监听并调用相应的方法。

还有第三种方法，它只适用于在路由下使用。在这种情况下，子组件可以直接通过`this.$router.app.methodName()`来调用根组件中定义的方法，而无需在父组件中引入子组件并注册组件。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [Vue子组件调用父组件的方法](https://blog.csdn.net/weixin_43997143/article/details/100984481)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [vue子组件调用父组件方法的几种方式](https://blog.csdn.net/Danelxiong/article/details/126426168)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]