父组件调用子组件方法 子组件获取父组件数据

要实现父组件调用子组件的方法，并且子组件能够获取父组件的数据，可以通过以下步骤来实现：

1. 在父组件中，使用`ref`属性给子组件命名，例如：`<ChildComponent ref="child"></ChildComponent>`。

2. 在子组件中，定义一个方法，用于接收父组件传递的数据。例如，在子组件的`methods`中定义一个方法`getChildData(data)`。

3. 在父组件中，通过`this.$refs.child`来获取子组件的实例，然后调用子组件的方法，并传递数据。例如，在父组件的某个方法中调用子组件方法并传递数据：`this.$refs.child.getChildData(data)`。

4. 在子组件的`getChildData`方法中，可以对接收到的数据进行处理或者直接使用。

下面是一个示例代码：

父组件：

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

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    callChildMethod() {
      const data = '父组件数据';
      this.$refs.child.getChildData(data);
    }
  }
}
</script>

子组件：

<template>
  <div>
    子组件
  </div>
</template>

<script>
export default {
  methods: {
    getChildData(data) {
      console.log('子组件接收到的数据：', data);
    }
  }
}
</script>

通过以上步骤，父组件就可以调用子组件的方法，并且子组件能够获取到父组件传递的数据。