vue 子组件如何调父组件方法

子组件可以通过两种方式调用父组件的方法。第一种方式是使用"emit"向父组件触发一个事件，然后父组件监听这个事件即可。第二种方式是父组件把方法传入子组件中，在子组件里直接调用这个方法即可。

下面是两种调用父组件方法的示例代码：

1. 使用"emit"触发事件的方式：
父组件：

<template>
  <p>
    <child @fatherMethod="fatherMethod"></child>
  </p>
</template>

<script>
import child from '~/components/dam/child';

export default {
  components: {
    child
  },
  methods: {
    fatherMethod() {
    console.log('测试');
    }
  }
};
</script>

子组件：

<template>
  <button @click="$emit('fatherMethod')">调用父组件方法</button>
</template>

2. 父组件将方法传入子组件的方式：
父组件：

<template>
  <p>
    <child :fatherMethod="fatherMethod"></child>
  </p>
</template>

<script>
import child from '~/components/dam/child';

export default {
  components: {
    child
  },
  methods: {
    fatherMethod() {
    console.log('测试');
    }
  }
};
</script>

子组件：

<template>
  <button @click="fatherMethod()">调用父组件方法</button>
</template>

<script>
export default {
  props: ['fatherMethod']
};
</script>

以上是两种常用的子组件调用父组件方法的方式。