vue子组件如何调用父组件的方法的代码实例

如果我理解的是正确的话，以下是一个Vue子组件如何调用父组件方法的代码实例：

父组件：

<template>
  <div>
    <p>我是父组件</p>
    <ChildComponent @childMethod="parentMethod"></ChildComponent>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';
export default {
  name: 'ParentComponent',
  components: {
    ChildComponent
  },
  methods: {
    parentMethod() {
      console.log('我是父组件的方法');
    }
  }
}
</script>

子组件：

<template>
  <div>
    <p>我是子组件</p>
    <button @click="childMethod">点击调用父组件方法</button>
  </div>
</template>

<script>
export default {
  name: 'ChildComponent',
  methods: {
    childMethod() {
      this.$emit('childMethod');
    }
  }
}
</script>

在子组件中，当按钮被点击时，`childMethod`方法会被调用。在这个方法里，我们发出一个事件（`this.$emit('childMethod')`），并且传递给它一个名为`childMethod`的参数。在父组件中，我们使用`@childMethod`监听这个事件，并且处理它，调用`parentMethod`方法。