Vue2 关于props的使用 声明与校验

一、props声明

一个组件需要显式声明它所接受的 props，这样 Vue 才能知道外部传入的哪些是 props，哪些是透传 attribute（）

props 需要使用 props 选项来定义：

（1）字符串数组来声明 prop：

export default {
  props: ['foo'],
  created() {
    console.log(this.foo)
  }
}

 注：  props 挂载到vue实例上 会暴露到 `this` 上 通过this可以访问到

（2） 以对象形式声明：

export default {
  props: {

    title: String,
    likes: Number
  }
}

注： key 是要接收prop 的名称，而值则是该 prop 预期类型的构造函数。

有关props校验的参考：Props | Vue.js (vuejs.org)