vue2props默认值
时间: 2023-11-27 21:48:12 浏览: 84
Vue props中Object和Array设置默认值操作
根据提供的引用内容,Vue2中设置props默认值有三种方式,分别是:
1.在props中直接设置默认值,例如:
```javascript
props: {
propA: {
type: Number,
default: 100
}
}
```
2.在props中设置类型为对象或数组的默认值时,必须从一个工厂函数获取,例如:
```javascript
props: {
propE: {
type: Object,
default: function () {
return { message: 'hello' }
}
}
}
```
3.在props中使用第三种方式,即限制类型、限制必要性、指定默认值,例如:
```javascript
props: {
name: {
type: String,
required: true,
default: '老王'
}
}
```
阅读全文