18.vue父传子（prop验证）

<!-- 组件使用v-bind传值 -->

<router :msg="msg"></router>

子组件:

<p>子组件 ----- {{msg}}</p>

props: ["msg"], //props接收

proo验证的属性：

props: {

    // fooA只接受数值类型的参数

    fooA: Number,

    // fooB可以接受字符串和数值类型的参数

    fooB: [String, Number],

    // fooC可以接受字符串类型的参数，并且这个参数必须传入

    msg: {

      type: String,

      required: true

    },

    // fooD接受数值类型的参数，如果不传入的话默认就是100

    fooD: {

      type: Number,

      default: 100

    },

    // fooE接受对象类型的参数

    fooE: {

      type: Object,

      // 当为对象类型设置默认值时必须使用函数返回

      default: function() {

        return { message: "Hello, world" };

      }

    },

    // fooF使用一个自定义的验证器

    fooF: {

      validator: function(value) {

        return value >= 0 && value <= 100;

      }

    },

　　fooG: {

      type:Array,

      // 当为数组类型设置默认值时必须使用数组返回

      default: function() {

        return [];

      }

    },

}