vue2子组件向父组件暴露方法

在Vue 2中，子组件向父组件暴露方法有几种常用的方式：

使用自定义事件：子组件通过$emit方法触发一个自定义事件，并将需要传递给父组件的数据作为参数传递。父组件可以在子组件上监听这个事件，并在相应的处理函数中执行相应的逻辑。
子组件代码：
// 子组件中触发自定义事件
this.$emit('custom-event', data);
登录后复制
父组件代码：
<!-- 父组件中监听自定义事件 -->
<child-component @custom-event="handleEvent"></child-component>
登录后复制
// 在父组件中处理自定义事件
methods: {
handleEvent(data) {
// 处理子组件传递过来的数据
}
}
登录后复制

使用$ref引用子组件：父组件可以使用ref属性给子组件指定一个引用名称，然后通过该引用名称去访问子组件的方法。
子组件代码：
<template>
<!-- 子组件模板 -->
</template>
登录后复制
父组件代码：
<template>
<child-component ref="child"></child-component>
</template>
登录后复制
// 在父组件中调用子组件的方法
methods: {
callChildMethod() {
this.$refs.child.methodName();
}
}
登录后复制

使用provide和inject：父组件通过provide提供一个方法给子组件，子组件通过inject注入该方法，然后就可以在子组件中调用父组件提供的方法。
父组件代码：
// 在父组件中提供方法
provide: {
methodName: this.methodName
},
methods: {
methodName() {
// 方法实现
}
}
登录后复制
子组件代码：
// 在子组件中注入方法
inject: ['methodName'],
mounted() {
this.methodName(); // 调用父组件提供的方法
}
登录后复制

以上是一些常用的方式，根据具体需求选择适合的方式。