vue2 父子传参 ref 是怎么调用的 代码展示

在 Vue2 中，可以通过 `ref` 来获取子组件的实例，从而进行父子组件之间的通信。

以下是一个简单的例子：

<template>
  <div>
    <child ref="myChild" />
    <button @click="callChildMethod">调用子组件方法</button>
  </div>
</template>

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

export default {
  components: {
    Child
  },
  methods: {
    callChildMethod() {
      this.$refs.myChild.childMethod()
    }
  }
}
</script>

在父组件中使用 `ref` 获取子组件的实例，然后就可以通过获取到的子组件实例调用子组件的方法。在上面的例子中，点击按钮后会调用子组件的 `childMethod` 方法。

需要注意的是，通过 `ref` 获取到的子组件实例只有在子组件被渲染后才能获取到。如果需要在父组件中获取子组件的数据，可以通过 `props` 或 `$emit` 进行父子组件之间的数据传递。