<!-- 組件使用v-bind傳值 -->
<router :msg="msg"></router>
子組件:
<p>子組件 ----- {{msg}}</p>
props: ["msg"], //props接收
proo驗證的屬性：
props: {
? ? // fooA只接受數(shù)值類型的參數(shù)
? ? fooA: Number,
? ? // fooB可以接受字符串和數(shù)值類型的參數(shù)
? ? fooB: [String, Number],
? ? // fooC可以接受字符串類型的參數(shù)，并且這個參數(shù)必須傳入
? ? msg: {
? ? ? type: String,
? ? ? required: true
? ? },
? ? // fooD接受數(shù)值類型的參數(shù)，如果不傳入的話默認就是100
? ? fooD: {
? ? ? type: Number,
? ? ? default: 100
? ? },
? ? // fooE接受對象類型的參數(shù)
? ? fooE: {
? ? ? type: Object,
? ? ? // 當(dāng)為對象類型設(shè)置默認值時必須使用函數(shù)返回
? ? ? default: function() {
? ? ? ? return { message: "Hello, world" };
? ? ? }
? ? },
? ? // fooF使用一個自定義的驗證器
? ? fooF: {
? ? ? validator: function(value) {
? ? ? ? return value >= 0 && value <= 100;
? ? ? }
? ? },
fooG: {
? ? ? type:Array,
? ? ? // 當(dāng)為數(shù)組類型設(shè)置默認值時必須使用數(shù)組返回
? ? ? default: function() {
? ? ? ? return [];
? ? ? }
? ? },
}
