vue 中的 prop

        prop的作用是父组件向子组件单向传递数据，这个过程是单向的。传递的属性可以是静态的，可以是动态的，可以是数字，可以是字符串，可以是数组，还可以是对象，甚至可以在传递数据的时候写一个校验函数进行校验。

1、传静态属性

子组件：

父组件：

 2、传动态字符串

子组件：

父组件：

父组件做了一些修改，动态绑定msg，data里面定义msg的值

3、传动态数组

子组件：

父组件：

4、传动态对象

子组件：

父组件：

 5、对prop的状态进行验证

• String
• Number
• Boolean
• Array
• Object
• Date
• Function
• Symbol

子组件：

父组件：

6、自定义校验函数

props: {
  status: {
    validator: function (value) {
      // 这个值必须匹配下列字符串中的一个
      return ['success', 'warning', 'danger'].indexOf(value) !== -1
    }
  }
}

 7、默认值

props: {
  num: {
    type: Number,
    default: 100
  },
}