vue props类型,vue props对象默认值设置
本文主要介绍了vue属性道具默认类型的写法，有很好的参考价值，希望对大家有所帮助。如有错误或不足之处，请不吝赐教。
目录
vue属性属性默认类型属性自定义属性
vue属性props默认类型
Vue.component(我的组件，{
道具：{
//基础的类型检查(` null匹配任何类型)
//单一类型
普罗帕：数字，
//多个可能的类型
propB:[字符串，数字]，
//必需的字符串
propC: {
类型：字符串，
必填：真
},
//函数
propC: {
类型：功能，
必填：真
},
//带有默认值的数字
propD: {
类型：数量，
默认值：100
},
//具有默认值的多种可能类型
属性：{
类型：[字符串，数字]，
默认值：100
},
//具有默认值的对象
propF: {
类型：对象，
//对象或数组，并且肯定会从工厂函数返回默认值
默认值：function () {
return { message:你好 }
}
},
//自定义验证函数
propG: {
验证器：函数(值){
//该值必须与下列字符串之一匹配
return [成功，警告，危险]。indexOf(value)！==-1
}
}
}
})
props自定义属性
1.这是一个自定义属性。在封装通用组件时，合理使用道具可以大大提高组件的可重用性。
2.语法：它可以定义为数组类型：
导出默认值{
属性：[init]
}
它也可以定义为一种对象类型：
导出默认值{
//props是“自定义属性”，允许用户通过自定义属性为当前组件指定初始值。
//自定义属性的名称由打包程序定义(只要名称合法)
props中的数据可以直接用在模板结构中。
//注意：props是只读的。不要直接修改道具的值，否则终端会报错！
//props: [init]，
道具：{
//自定义属性A: {/*配置选项*/}，
//自定义属性B: {/*配置选项*/}，
//自定义属性C: {/*配置选项*/}，
初始化：{
//如果外界使用Count组件时没有传递init属性，则默认值生效
默认值：0，
init的值类型必须是数字。
类型：数量，
//必填项验证
必填：真
}
},
}
注意：数组类型没有默认属性，只有在定义为对象类型时才存在。
以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。