vue 父组件调用子组件里的方法

在 Vue 中，可以通过 `ref` 属性来获取子组件的引用，并调用子组件中的方法。具体步骤如下：

1. 在子组件中定义需要调用的方法。

<template>
  <div>
    <button @click="hello">Click me!</button>
  </div>
</template>

<script>
export default {
  methods: {
    hello() {
      console.log('Hello from child component!')
    }
  }
}
</script>

2. 在父组件中使用 `ref` 属性获取子组件的引用。

<template>
  <div>
    <child-component ref="child"></child-component>
    <button @click="callChildMethod">Call child method</button>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue'

export default {
  components: {
    ChildComponent
  },
  methods: {
    callChildMethod() {
      this.$refs.child.hello()
    }
  }
}
</script>

在上面的代码中，父组件中使用了 `ref="child"` 来获取子组件的引用，并在 `callChildMethod` 方法中调用了子组件的 `hello` 方法。注意：在使用 `$refs` 访问子组件之前，需要等待子组件已经挂载到 DOM 树中，否则会抛出错误。