在向导-VueJs中将数据从子组件传递到父组件

// 子组件
methods: {
  sendData() {
    this.$emit('data-updated', this.data);
  }
}

<!-- 父组件 -->
<template>
  <div>
    <child-component @data-updated="handleData"></child-component>
    <p>接收到的数据：{{ receivedData }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      receivedData: ''
    };
  },
  methods: {
    handleData(data) {
      this.receivedData = data;
    }
  }
};
</script>