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

在Vue中，子组件可以通过事件来调用父件的方法。以下是一种常见的做法：

1. 在父组件中定义一个方法：

methods: {
  parentMethod() {
    // 父组件的方法逻辑
  }
}

2. 在父组件模板中，将该方法绑定给子组件的自定义事件：

<template>
  <child-component @custom-event="parentMethod"></child-component>
</template>

3. 在子组件中，通过 `$emit` 方法触发自定义事件：

methods: {
  childMethod() {
    this.$emit('custom-event');
  }
}

这样，当子组件中的 `childMethod` 被调用时，将触发父组件中的 `parentMethod` 方法执行。

除了使用自定义事件，还可以使用 `.sync` 修饰符来简化子组件调用父组件方法的语法。例如：

<template>
  <child-component :data.sync="data"></child-component>
</template>

在子组件中通过 `$emit('update:data', newData)` 来更新父组件的 `data`。

希望对你有所帮助！如果有任何其他问题，请随时提问。