vue中props定义对象和数组的区别
扯开怎么定义,为什么要定义props,相信小伙伴们都知道,都会用了,但是有个问题,为什么有时候定义的是数组形式,有时候是对象形式呢?
一句话:
props对象形式才能给默认值和类型和必填项,数组形式不能设置这些。
- 使用数组类型的 props 节点的缺点:无法为每个 prop 指定具体的数据类型和默认值。
-
props:['num','age','sex'], - 使用对象类型的 props 节点,可以对每个 prop 进行数据类型的校验,设置默认值
-
props:{ num:{ //可同时设置多个数据类型 type:[Number,String], default:5 }, age:{ type:Number, default:18, // 必填项校验,表示必须要传入这个参数,不管有没有默认值,否则会报错 required: true } sex:{ type:Number, default:18, // 必填项校验,表示必须要传入这个参数,不管有没有默认值,否则会报错 required: false } },
本文来自博客园,作者:蹦极的考拉,转载请注明原文链接:https://www.cnblogs.com/fu7n/p/16632284.html
分类:
JavaScript
标签:
JavaScript
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!