如果在template中，顯示的調用了 prop 屬性，那么 default 屬性就不會生效
如果在template中，不調用 prop 屬性，default 就會生效
default 值有效與否，和 prop 的驗證通不通過，沒有關系
|
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中，顯示調用prop 屬性，default不生效<blog-post :postTitle="54"></blog-post>//在template中，不調用prop 屬性，default生效<blog-post></blog-post> |
補充知識：vue prop不同數據類型(數組，對象..)設置默認值
vue prop 會接收不同的數據類型，這里列出了 常用的數據類型的設置默認值的寫法,其中包含： 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屬性如何使用,為何不生效的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持服務器之家。
原文鏈接：https://blog.csdn.net/qq_38310712/article/details/86544800
