vue3的props怎么传回

在Vue 3中，可以使用`props`属性来传递数据子组件。下面是传递`props`的几种方式：

1. 直接传递：在父组件中使用子组件时，可以通过在子组件标签上使用属性的方式直接传递数据。例如：

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

在子组件中，可以通过`props`选项来声明接收的属性：

export default {
  props: ['propName']
}

2. 类型检查：可以通过在子组件的`props`选项中指定属性的类型来进行类型检查。例如：

export default {
  props: {
    propName: String
  }
}

这样可以确保传递给子组件的属性符合指定的类型。

3. 默认值：可以在子组件的`props`选项中为属性设置默认值。例如：

export default {
  props: {
    propName: {
      type: String,
      default: 'default value'
    }
  }
}

如果父组件没有传递该属性，子组件将使用默认值。

4. 验证：可以通过在子组件的`props`选项中使用验证函数来验证传递给属性的值。例如：

export default {
  props: {
    propName: {
      type: String,
      required: true,
      validator: function(value) {
        return value.length > 0;
      }
    }
  }
}

这样可以确保传递给子组件的属性满足自定义的验证条件。