vue props对象写法
时间: 2023-11-22 13:47:19 浏览: 159
vue props default Array或是Object的正确写法说明
Vue中的props是用于父组件向子组件传递数据的一种方式。props对象可以包含多个属性,每个属性都是一个对象,用于描述该属性的类型、默认值等信息。常见的props写法有以下几种:
1. 默认写法:
```
props: {
propName1: {
type: String,
default: 'default value'
},
propName2: {
type: Number,
default: 0
}
}
```
2. 简写写法:
```
props: ['propName1', 'propName2']
```
3. 高级写法:
```
props: {
propName1: {
type: String,
required: true,
validator: function(value) {
return value.length > 0
}
},
propName2: {
type: Number,
default: 0,
validator: function(value) {
return value >= 0
}
}
}
```
在高级写法中,我们可以使用required属性来指定该属性是否必须传递,使用validator属性来指定该属性的自定义验证函数。
阅读全文