如何在vue3中将父组件传递过来的值，在setup中赋予子组件的变量

在Vue 3中，你可以通过props机制将父组件的值传递给子组件。在`setup()`函数中处理接收到的prop，可以这样操作：

1. **在父组件中**:

<template>
  <child-component :value="parentValue" />
</template>

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

const parentValue = "这是父组件的值";
</script>

2. **在子组件的`setup()`函数中接收并赋值**:

// ChildComponent.vue (如果使用TypeScript)
<script lang="ts">
import { PropType } from 'vue';

export default {
  name: 'ChildComponent',
  props: {
    value: {
      type: String,
      required: true,
    },
  },
  setup(props) {
    const localValue = computed(() => props.value);
    return { localValue };
  }
};
</script>

或者，如果你使用JavaScript：

// ChildComponent.vue (JavaScript version)
export default {
  name: 'ChildComponent',
  props: {
    value: {
      type: String,
      required: true,
    },
  },
  setup(props) {
    const localValue = props.value;
    return { localValue };
  }
};

现在，`localValue`将在子组件中访问到父组件传递过来的`parentValue`。