vue3 defineProps可以设置默认值吗
时间: 2024-10-13 20:07:37 浏览: 36
Vue props中Object和Array设置默认值操作
在 Vue3 中,`defineProps` 是用于创建组件的 props(属性)的选项之一,它允许我们在组件外部声明组件接受的 props,并提供默认值。当你需要给 prop 设置一个默认值,可以在 `defineProps` 的对象里直接为该 prop 提供一个值:
```javascript
import { defineComponent, PropType } from 'vue';
export default defineComponent({
props: {
// 给某个 prop 设置默认值
name: {
type: String,
default: 'Guest',
},
age: {
type: Number,
default: 0, // 数字类型的默认值
required: false, // 可选,默认情况下 prop 不是必需的
}
}
});
```
在这个例子中,如果父组件没有传递 `name` 或 `age` 属性,`name` 将默认为 'Guest',`age` 将默认为 0。`required` 字段可用于控制该 prop 是否必填。
阅读全文