vue props接收组件数据(类型配置)

"props"接收的常见传参类型有以下几种:String:字符串类型Number:数字类型Boolean:布尔类型Array:数组类型Object:对象类型Date:日期类型Function:函数类型

以数组的形式

props: ['value1','value2','value3','value4']

以对象的形式

`props` 参数:

type: 传参的类型
default: 默认值
required: 是否必传, true必传,false 非必传
开启必传时 若不传则警告[Vue warn]: Missing required prop: "xxx"

String:字符串类型

props: {
label: {
type: String,
default: "hello",
required: true
}
}

Number:数字类型

props: {
label: {
type: Number,
default: 0, // default 默认值
required: true
}
}

,Boolean:布尔类型

props: {
label: {
type: Boolean,
default: false,
required: true
}
}

Array:数组类型

props: {
label: {
type: Array,
default: () => [],
required: true
}
}

Object:对象类型

props: {
label: {
type: Object,
default: () => ({}),
required: true
}
}

Date:日期类型

props: {
label: {
type: Date,
default: () => new Date(),
required: true
}
}

Function:函数类型

props: {
label: {
type: Function,
default: () => {},
required: true
}
}

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码海扬帆:前端探索之旅

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值