Vue props传递的类型和写法
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
1、props常用属性
类型检查(规定数据类型) | type | String 字符串 |
Number 数字 | ||
Boolean 布尔 | ||
Array 数组 | ||
Object 对象 | ||
Date 日期 | ||
Function 函数 | ||
Symbol 独一无二的值(es6) | ||
默认值 | default | default : (默认值),基础数据类型: 直接赋值,对象数据类型: 用函数赋值 ()=>[] |
必填项 | required | required: (必填项) ,默认为false,说明父级必须传入,否则会报错 |
校验 | validator | 验证传入的值是否符合规定 |
2、props语法
props: {
prop1: [Boolean, Number], // 多个类型
prop2: {
type: Number, // 数字
default: 100 // 默认值
},
prop3: {
type: Boolean, // 布尔
required: true // 必填
},
prop4: {
type: String, // 字符串
required: true
},
prop5: {
type: Array, // 数组 // 对象或数组默认值必须从一个工厂函数获取
default: () => []
},
prop6: {
type: Object, // 对象 // 对象或数组默认值必须从一个工厂函数获取
default: function () {
return { msg: 'hello' }
}
},
prop7: {
type: String,
validator: function (t) { // 自定义验证函数
return t === 'fade' || t === 'slide' // 这个值必须匹配下列字符串中的一个
},
defalut:'slide'
}
}
GitHub 加速计划 / vu / vue
82
16
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:4 个月前 )
9e887079
[skip ci] 2 个月前
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 6 个月前
更多推荐
已为社区贡献6条内容
所有评论(0)