下载本文档
版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领
文档简介
第Vue子组件内的props对象参数配置方法目录一、简单数据类型1、布尔类型Boolean正确写法：2、数字类型Number正确写法：3、字符串类型String正确写法：二、复杂数据类型1、数组Array错误写法：Eslint语法报错：正确的常规写法：或是用箭头函数：2、对象Object错误写法：正确的常规写法：3、函数Function正确写法：这篇文章主要介绍了Vue子组件内的props对象里的default参数是如何定义
Array、Object、或Function默认值的正确写法说明，具有很好的参考价值
一、简单数据类型
1、布尔类型Boolean
正确写法：
props:{
demoBoo:{
type:Boolean,
default:true,
},
2、数字类型Number
正确写法：
props:{
demoNum:{
type:Number,
default:1,
},
3、字符串类型String
正确写法：
props:{
demoStr:{
type:String,
default:'hello',
},
二、复杂数据类型
1、数组Array
错误写法：
props:{
demoArr:{
typeof:Array,
default:[],
},
Eslint语法报错：
Invaliddefaultvalueforpropdemo:PropswithtypeObject/Arraymustuseafactoryfunctiontoreturnthedefaultvalue.
正确的常规写法：
props:{
demoArr:{
type:Array,
default:function(){
return[];
},
或是用箭头函数：
props:{
demoArr:{
type:Array,
default:()=[],
},
2、对象Object
错误写法：
props:{
demoObj:{
type:Object,
default:()={},
},
正确的常规写法：
props:{
demoObj:{
type:Object,
default:function(){
return{};
},
或是用箭头函数：（注意：这里的对象一定要用小括号包裹起来({})）
props:{
demoObj:{
type:Object,
default:()=({}),
},
3、函数Function
正确写法：
props:{
demoFun:{
type:Function,
default:()={},
},
补充知识：Vue传参props里面为什么要带type,还有default
这个是子组件,写type的意思是swiperDate传过来的数据类型是数组,
温馨提示
- 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 软件设计师专业知识更新试题及答案
- 软考网络工程师议题试题及答案探讨
- 软件设计师考试自我反思的重要性与试题与答案
- 项目管理师考试实战试题及答案分享
- 软件设计师考试2025年的关键技术试题及答案
- 网络工程师考试经典试题及答案回顾
- 机电工程专利撰写技巧试题及答案
- 西方政治制度实证研究的试题及答案
- 网络工程师考试应对策略试题及答案
- 网络设备监控与报警系统试题及答案
- 日北京SOLANA蓝色港湾项目定位与运营推广方案
- 活动策划岗位笔试题目大全答案
- 常见异常心电图正确识别理论考核试题题库及答案
- 六旋翼无人机的设计（毕业设计）
- 《低段培智学生行为习惯养成教育的研究》小课题研究中期报告
- TC4钛合金拉拔工艺探索
- 八年级数学上册《平方差公式》的教学反思（优秀3篇）
- “乡村振兴”战略应知应会试题及答案(分享)
- 衢州万达暖通工程施工方案(最终版)
- 学校端午假期致学生家长一封信
- 遗传自制习题答案个我
评论
0/150
提交评论