[[Vue]]で[[props (Vue)|props]]のデフォルト値を設定する方法。
## Vue 3.5以上
[[Reactive Props Destructure (Vue)|Reactive Props Destructure]]を利用する。
```ts
const { count = 1 } = defineProps<{
count: number;
}>();
```
## Vue 3.5未満
[[script setupでpropsを定義]]したあとに `withDefault`でwrapする。
```ts
interface Props {
msg?: string
labels?: string[]
}
const props = withDefaults(defineProps<Props>(), {
msg: 'hello',
labels: () => ['one', 'two']
})
```