Vueのpropsタイプとデフォルト値
4554 ワード
props: {
demoString: {
type: String,
default: ''
},
demoNumber: {
type: Number,
default: 0
},
demoBoolean: {
type: Boolean,
default: true
},
demoArray: {
type: Array,
default: () => []
},
demoObject: {
type: Object,
default: () => ({
})
},
demoFunction: {
type: Function,
default: function () {
}
}
}
ただし、デフォルト値がオブジェクトの場合は demoObject: {
type: Object,
default: () => {
}
}
'()'を付けないと返されるのは空の関数体で、返される値はありません.デフォルトの書き方 demoObject: {
type: Object,
default: function () {
return {
}
}
}