vue子组件数据改变父组件接收数据

如果你想要在子组件中改变数据，并将改变后的数据传递给父组件，你可以使用事件的方式进行通信。子组件可以通过 `$emit` 方法触发一个自定义事件，并将需要传递的数据作为参数传入。父组件则通过监听该自定义事件来接收子组件传递过来的数据。

下面是一个示例代码：

<template>
  <div>
    <button @click="changeChildData">改变子组件数据</button>
    <child-component @childDataChange="handleChildDataChange"></child-component>
    <p>父组件接收到的数据：{{ parentData }}</p>
  </div>
</template>

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

export default {
  components: { ChildComponent },
  data() {
    return {
      parentData: '父组件数据'
    };
  },
  methods: {
    changeChildData() {
      // 在父组件中改变子组件的数据
      // 通过触发自定义事件来通知父组件
      this.$refs.childComponent.changeData('新的子组件数据');
    },
    handleChildDataChange(newData) {
      // 接收子组件传递过来的数据
      this.parentData = newData;
    }
  }