vue2 父子传参 ref 是怎么调用的

在 Vue2 中，可以通过 ref 来获取子组件实例，然后调用子组件的方法或访问子组件的属性。

首先，在父组件中给子组件添加 ref 属性：

<template>
  <div>
    <child-component ref="child"></child-component>
  </div>
</template>

然后在父组件中通过 this.$refs.child 来获取子组件实例：

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

export default {
  components: {
    ChildComponent
  },
  mounted() {
    // 获取子组件实例
    const child = this.$refs.child
    // 调用子组件方法
    child.methodName()
    // 访问子组件属性
    console.log(child.propertyName)
  }
}
</script>

注意：在父组件中获取子组件实例，需要在子组件渲染完成后才能获取到，因此需要在父组件的 mounted 钩子函数中获取。同时，需要确保子组件已经定义了 methodName 和 propertyName 方法和属性。