VUE3.0中 props的值怎么返回出去给标签使用

在 Vue3.0 中，通过 `props` 将数据传递给子组件后，可以在子组件中通过 `setup` 函数的参数 `props` 来获取父组件传递的数据。在子组件内部，可以直接使用 `props` 对象中的属性值，就像使用普通的 JavaScript 对象一样。

当子组件需要将 `props` 的值返回给标签使用时，可以将 `props` 中的属性绑定在标签上，例如：

<template>
  <div>
    <p>父组件传递的值为：{{ propsValue }}</p>
    <p>计算后的值为：{{ computedValue }}</p>
  </div>
</template>

<script>
export default {
  props: {
    propsValue: {
      type: String,
      required: true
    }
  },
  setup(props) {
    // 计算后的值
    const computedValue = props.propsValue.trim().toUpperCase()

    // 将计算后的值返回给标签使用
    return {
      computedValue
    }
  }
}
</script>

在子组件的 `setup` 函数中，通过 `props` 参数获取到父组件传递的数据，然后计算得到 `computedValue`，最后通过 `return` 将计算后的值返回给标签使用。在标签中，可以直接使用 `computedValue` 来显示计算后的结果。