如果在template中，顯示的調(diào)用了 prop 屬性，那么 default 屬性就不會(huì)生效
如果在template中，不調(diào)用 prop 屬性，default 就會(huì)生效
default 值有效與否，和 prop 的驗(yàn)證通不通過，沒有關(guān)系
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
//聲明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ǔ)充知識(shí)：vue prop不同數(shù)據(jù)類型(數(shù)組，對(duì)象..)設(shè)置默認(rèn)值
vue prop 會(huì)接收不同的數(shù)據(jù)類型，這里列出了 常用的數(shù)據(jù)類型的設(shè)置默認(rèn)值的寫法,其中包含： Number, String, Boolean, Array, Function, Object
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
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屬性如何使用,為何不生效的問題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持服務(wù)器之家。
原文鏈接：https://blog.csdn.net/qq_38310712/article/details/86544800
