在 Vue 中，父组件可以通过以下方法调用子组件的方法： 1. 绑定子组件事件并定义父组件事件处理程序；2. 定义父组件方法处理子组件事件；3. 调用 $refs 对象触发子组件方法；4. 发送自定义事件，由子组件监听和处理。
如何在 Vue 中调用子组件的方法
在 Vue.js 中，父组件可以调用子组件的方法，以便进行通信和数据操作。下面是如何实现该操作：
1. 绑定子组件事件
在子组件中定义一个方法，并在该方法中包含要执行的代码。然后，在父组件的模板中，使用 @ 符号为子组件绑定一个事件处理程序，例如：
立即学习“前端免费学习笔记（深入）”；
其中 @customMethod 是子组件中的方法名称，handleCustomMethod 是父组件中处理事件的方法。
2. 在父组件中定义事件处理程序
在父组件中，定义一个方法来处理子组件触发的事件：
mallcloud商城
下载
mallcloud商城基于SpringBoot2.x、SpringCloud和SpringCloudAlibaba并采用前后端分离vue的企业级微服务敏捷开发系统架构。并引入组件化的思想实现高内聚低耦合，项目代码简洁注释丰富上手容易，适合学习和企业中使用。真正实现了基于RBAC、jwt和oauth2的无状态统一权限认证的解决方案，面向互联网设计同时适合B端和C端用户，支持CI/CD多环境部署，并提
// 父组件
export default {
methods: {
handleCustomMethod() {
// 执行要处理的逻辑
}
}
}3. 触发子组件方法
在父组件中，调用 $refs 对象来访问子组件的引用，然后通过子组件的名称调用要执行的方法：
// 父组件中的代码 this.$refs.childComponent.customMethod()
其中 childComponent 是子组件的名称，customMethod 是要触发的子组件方法。
4. 使用 $emit 发送事件
如果子组件没有与事件相关的特定方法，父组件可以发送自定义事件，由子组件监听和处理。在子组件中，使用 $on 方法监听父组件发出的事件：
// 子组件
export default {
mounted() {
this.$on('customEvent', this.handleCustomEvent)
},
methods: {
handleCustomEvent() {
// 执行要处理的逻辑
}
}
}在父组件中，使用 $emit 方法发送事件：
// 父组件中的代码
this.$emit('customEvent')通过这些方法，父组件可以轻松调用子组件的方法，从而实现组件之间的通信和数据操作。
