vue3父子页面传值

在Vue 3中，可以使用props来实现父子页面之间的数据传递。下面是一个简单的示例：

在父组件中，通过props属性将数据传递给子组件：

<template>
  <div>
    <ChildComponent :message="parentMessage" />
  </div>
</template>

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

export default {
  components: {
    ChildComponent,
  },
  data() {
    return {
      parentMessage: 'Hello from parent component',
    };
  },
};
</script>

在子组件中，通过props接收父组件传递的数据：

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

<script>
export default {
  props: ['message'],
};
</script>

在上面的示例中，父组件通过将`parentMessage`作为props传递给子组件，在子组件中使用`props`选项接收该数据并在模板中使用。这样，父组件的数据就可以在子组件中进行访问和使用了。