举一个 vue 组件调用父级方法的例子

假设有一个父组件 `Parent.vue` 和一个子组件 `Child.vue`，子组件需要调用父组件的方法。

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

<template>
  <div>
    <Child @child-event="parentMethod" />
  </div>
</template>

<script>
import Child from './Child.vue';

export default {
  components: {
    Child,
  },
  methods: {
    parentMethod() {
      console.log('Parent method called from child component');
    },
  },
};
</script>

在子组件中，通过 `$emit` 触发事件，并传递参数：

<template>
  <button @click="emitEvent">Call parent method</button>
</template>

<script>
export default {
  methods: {
    emitEvent() {
      this.$emit('child-event');
    },
  },
};
</script>

在子组件中触发 `emitEvent` 方法，会触发 `child-event` 事件，从而调用父组件的 `parentMethod` 方法。