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