如果在template中，顯示的調(diào)用了 prop 屬性，那么 default 屬性就不會(huì)生效

如果在template中，不調(diào)用 prop 屬性，default 就會(huì)生效

default 值有效與否，和 prop 的驗(yàn)證通不通過，沒有關(guān)系

//聲明Vue.component('blog-post', { props: { postTitle: { type: Number, default: 10000 } }, template: '<h3>{{ postTitle }}</h3>'});//在template中，顯示調(diào)用prop 屬性，default不生效<blog-post :postTitle='54'></blog-post>//在template中，不調(diào)用prop 屬性，default生效<blog-post></blog-post>

補(bǔ)充知識：vue prop不同數(shù)據(jù)類型(數(shù)組，對象..)設(shè)置默認(rèn)值

vue prop 會(huì)接收不同的數(shù)據(jù)類型，這里列出了 常用的數(shù)據(jù)類型的設(shè)置默認(rèn)值的寫法,其中包含： Number, String, Boolean, Array, Function, Object

refAge: {type: Number,default: 0},refName: {type: String,default: ’’},hotDataLoading: {type: Boolean,default: false},hotData: {type: Array,default: () => {return []}},getParams: {type: Function,default: () => () => {}},meta: {type: Object,default: () => ({})}

以上這篇解決vue prop傳值default屬性如何使用,為何不生效的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持好吧啦網(wǎng)。