智慧小区网站建设,网络营销的未来发展趋势,青海公司网站建设哪家快,seo课程培训要多少钱const props defineProps({name: String,
});
String 是在 defineProps() 函数中用来声明 name prop 的类型#xff0c;表示 name 必须是字符串类型。如果父组件没有传入 name 或传入的 name 不是字符串类型#xff0c;那么就会产生类型验证错误。
defineProps() 函数支持…const props defineProps({name: String,
});
String 是在 defineProps() 函数中用来声明 name prop 的类型表示 name 必须是字符串类型。如果父组件没有传入 name 或传入的 name 不是字符串类型那么就会产生类型验证错误。
defineProps() 函数支持的数据类型除了 String还包括以下几种:
Number数字类型可以是整数或浮点数。Boolean布尔类型值为 true 或 false。Object对象类型可以是纯粹的对象、函数或数组等。Array数组类型可以是任何类型的项组成的数组也可以是多维数组。null强制要求 prop 的值必须为 null。undefined强制要求 prop 的值必须为 undefined。自定义类型你可以传递一个自己定义的构造函数用于验证 prop 的类型是否正确。
此外还有一些常用的验证规则
required布尔类型指定该 prop 是否必须传入。default设置默认值在父组件未传入时会使用该值。validator传入一个自定义的验证函数用于验证 prop 是否合法。
例如
const props defineProps({age: {type: Number,default: 18,validator: (value) value 0 value 120,},isVisible: {type: Boolean,default: true,},person: {type: Object,default: () ({ name: Tom, age: 20 }),},
});在上面的例子中我们声明了三个 propage、isVisible 和 person。其中age 是数字类型必须为正整数且不能超过 120 岁isVisible 是布尔类型如果父组件没有传入则默认为 trueperson 是对象类型如果父组件没有传入则默认为 { name: Tom, age: 20 }。
总之在定义 props 时我们需要考虑 props 的类型、是否必须、默认值和验证规则等以及如何在组件内部使用这些 props。
