vue3框架父组件怎么给子组件传值

Vue 3 中，父组件给子组件传值可以使用 props 属性。

首先，在父组件中定义需要传递给子组件的数据：

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

<script>
import ChildComponent from '@/components/ChildComponent.vue'

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

在上述代码中，我们使用了 `:message="parentMessage"` 将 `parentMessage` 的值传递给了名为 `ChildComponent` 的子组件。

接下来，在子组件中定义 `props` 属性来接收父组件传递过来的数据：

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

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

在上述代码中，我们使用了 `props` 属性来声明 `message` 属性，这个属性的类型是字符串。这样，父组件的 `parentMessage` 数据就会传递给子组件的 `message` 属性，子组件就可以直接使用这个数据了。

注意：在 Vue 3 中，props 的写法有所改变，需要使用 `props` 属性来声明。