在vueJS中将数据从一个组件解析到另一个组件

<template>
  <div>
    <child-component :message="parentMessage"></child-component>
  </div>
</template>

data() {
  return {
    parentMessage: 'Hello from parent'
  };
}

props: ['message']

<template>
  <div>
    {{ message }}
  </div>
</template>

methods: {
  sendData() {
    this.$emit('custom-event', 'Data from child');
  }
}

<template>
  <div>
    <child-component @custom-event="handleData"></child-component>
  </div>
</template>

methods: {
  handleData(data) {
    console.log(data); // 输出：Data from child
  }
}