Vue組件 props 規則

原文：https://www.cnblogs.com/niusan/p/10390208.html

Vue組件 props
組件是Vue最強大的功能之一；組件化編程，允許我們使用小型，獨立，通用的可復用型組件構建大型應用；任何頁面都可以抽象為組件樹；

props數據驗證

//
/**

• 數據驗證的type類型可以是
• String,
• Number,
• Boolean,
• Object,
• Array,
• Function
• type也可以是一個自定義的構造器，使用instanceof 檢測
• 當prop驗證失敗的時候，在開發版本下會在控制台拋出一條警告

*/
props: {
//數據驗證
name: String, //字符串類型
age: [String, Number], // 必須是字符串或者數組類型
propB: {
// 布爾值 如果沒定義，默認是true
type: Boolean,
default: true
},
propC: {
//數組而且是必傳
type: Number,
required: true
},
propD: {
//如果是數組或者對象，默認值必須是一個函數來返回
type: Array,
default: function() {
return [];
}
},
propF: {
// 自定義一個驗證函數
validator: function(value) {
return value > 10;
}
}
},