解决vue prop传值default属性如何使用,为何不生效的问题
如果在template中，显示的调用了prop属性，那么default属性就不会生效
如果在template中，不调用prop属性，default就会生效
default值有效与否，和prop的验证通不通过，没有关系
//声明
Vue.component("blog-post",{
props:{
postTitle:{
type:Number,
default:10000
}
},
template:"{{postTitle}}
"
});
//在template中，显示调用prop属性，default不生效
//在template中，不调用prop属性，default生效
补充知识：vueprop不同数据类型(数组，对象..)设置默认值
vueprop会接收不同的数据类型，这里列出了常用的数据类型的设置默认值的写法,其中包含：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:()=>({})
}
以上这篇解决vueprop传值default属性如何使用,为何不生效的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。