vue3 props传参

在Vue3中，可以使用`defineProps`函数来声明props。在`<script setup>`标签中，使用`const props = defineProps({...})`来声明props，其中`{...}`是一个对象，用于指定props的名称、类型、是否必须、默认值和校验规则等。例如：

<script setup>
  import { defineProps } from 'vue'

  const props = defineProps({
    message: {
      type: String,
      required: true,
      default: 'Hello World',
      validator: (value) => {
        return value.length <= 10
      }
    }
  })
</script>

在模板中，可以使用`{{ props.message }}`来访问props的值。注意，props是只读的，不能在子组件中修改props的值。如果需要向父组件传递数据，可以使用`$emit`方法来触发一个自定义事件，并将数据作为参数传递给父组件。