vue子组件获取父组件方法

使用Vue的子组件可以通过以下几种方式获取父组件的方法：

1. 使用 `$parent` 属性：可以通过 `this.$parent.methodName` 的方式访问父组件的方法。但是需要注意的是，这种方式有时候会失效，暂未发现触发点，所以不建议频繁使用。

2. 使用 `$emit` 方法：父组件可以在子组件上自定义事件，并通过 `$emit` 方法触发该事件。子组件可以通过在父组件上使用 `@` 前缀监听该事件，从而调用父组件的方法。

3. 使用 `props` 属性：父组件可以将方法作为属性传递给子组件，子组件可以通过 `this.$props.methodName` 的方式调用。需要注意的是，在 `router-view` 上使用 `props` 会失效。

总结来说，推荐使用 `$emit` 方法来调用父组件的方法，使用 `props` 来传递方法给子组件，而不建议频繁使用 `$parent` 属性。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [vue 子组件调用父组件方法、值（父传子）；父组件调用子组件方法、值（子传父）。](https://blog.csdn.net/m0_65274248/article/details/127536414)[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/Caroline_cai/article/details/117925244)[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 ]