vue3父给子组件传值

在Vue3中，父组件给子组件传值可以使用props属性。下面是一个简单的例子：

// 子组件
<template>
  <div>{{ message }}</div>
</template>

<script>
export default {
  props: {
    message: String
  }
}
</script>

// 父组件
<template>
  <ChildComponent :message="parentMessage" />
</template>

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

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

在父组件中，通过v-bind将父组件的数据`parentMessage`传递给子组件的props。在子组件中，可以通过`this.message`来访问父组件传递过来的值。