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
    }
    },


 

posted @   蹦极的考拉  阅读(1329)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示