vue2 父组件调用子组件

在Vue2中，父组件可以通过`ref`属性和子组件的`$emit`方法来调用子组件。

步骤如下：

1. 在子组件上添加一个`ref`属性，这个属性的值可以是一个字符串，也可以是一个数组。如果是字符串，那么这个字符串就是`ref`属性的值。如果是数组，那么这个数组的第一个元素就是这个`ref`属性的值，后面的元素是这个`ref`属性的名称。

2. 在子组件中，当需要调用父组件时，可以使用`this.$emit`方法来触发一个自定义事件，这个事件的名称就是`ref`属性的值。

3. 在父组件中，可以通过`v-on`或`@`来监听子组件触发的自定义事件，然后在事件处理函数中执行需要的操作。

代码示例：

<!-- 子组件 -->
<template>
  <div>
    <button @click="callParent">调用父组件</button>
  </div>
</template>

<script>
export default {
  methods: {
    callParent() {
      this.$emit('childCalled') // 触发自定义事件
    }
  }
}
</script>

<!-- 父组件 -->
<template>
  <div>
    <child-component ref="childRef"></child-component>
    <button @click="handleChildClick">处理子组件的点击事件</button>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue'
export default {
  components: {
    ChildComponent
  },
  methods: {
    handleChildClick() {
      console.log(this.$refs.childRef) // 访问子组件实例，可以调用子组件的方法或访问子组件的数据
    }
  }
}
</script>