vue3 Props的使用

193 阅读1分钟

defineProps 只能是要么使用运行时声明,要么使用typescript类型声明。 同时使用两种声明方式会导致编译报错。

defineProps、withDefaults 是只在 script setup语法糖中才能使用的编译器宏。他不需要导入且会随着

withDefaults 只能与基于类型的defineProps声明一起使用;

<script lang='ts' setup>
const props = defineProps({
  child: {
    type:String, // 参数类型
    default: 1, //默认值
    required: true, //是否必传
    validator: value => {
      return value >= 0 // 除了验证是否符合type的类型,此处再判断该值结果是否符合验证
    }
  },
  sda: String, //undefined
  strData: String,
  arrFor: Array
})
</script>