Propsのデフォルト値

date

Mar 18, 2023

repo_url

slug

props-default

status

Published

summary

type

Post

thumbnail_url

tags

vue

outer_link

Propsにデフォルト値を設定したい場合は、withDefault() 関数を利用する。

const props = withDefaults(
	defineProps<Props>(),
	{
    非必須Prop名:デフォルト値}
);

具体例

interface Props {
	id: number;
	name: string;
	email: string;
	points: number;
	note?: string;
}

const props = withDefaults(
	defineProps<Props>(),
	{note:  "--"}
);