vue3的script setup语法糖中的父子组件传值

在Vue3的script setup语法糖中，可以通过props选项来实现父子组件的传值。具体步骤如下：

1. 父组件中定义props属性，并将其传递给子组件。例如：

<template>
  <child-component :name="name" />
</template>

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

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      name: 'Vue3'
    }
  }
}
</script>

2. 子组件中使用props属性接收父组件传递的值。例如：

<template>
  <div>{{ name }}</div>
</template>

<script setup props={['name']}></script>

其中，props选项的值为一个数组，数组中包含需要接收的props属性。

3. 父组件通过props属性传递值给子组件。例如：

<template>
  <child-component :name="name" />
</template>

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

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      name: 'Vue3'
    }
  }
}
</script>

这样，就可以在子组件中使用props属性接收父组件传递的值了。