前言

你知道defineProps有多少种写法吗？

你知道犹大有多少种用法吗？

前言： 出于这篇文章的初心是因为，在一个Vue3.X项目中发现了不同同事写的内容，对于defineProps的写法千奇百怪 所以出于好奇，来小小整理一下大概还有多少种千奇百怪的写法。（如有丢失，请评论区补充~）

1.非TS写法

const props = defineProps({
  data: {
    type: String,
    default: ''
  },
  arr: {
    type: Array,
    default: ()=>[]
  },
})

2.不需要默认值的TS写法

const  props = defineProps<{
    data: string,
    arr:number[]
}>()

3.需要默认值的TS写法

需要注意的是 withDefaults 只在 ts 中有用

const props = withDefaults(defineProps<{
  data: string,
  arr: number[] 
}>(), {
  data: '我是默认值',
  arr: () => [23]
})