Vue组件：Props

Props

Props 是一种特别的 attributes，可以实现父子组件的数据传递。

Props 声明

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

需要使用 props 选项来定义，有两种形式：

1. 字符串数组声明：

export default {
 props: [`foo`, `bar`],
 ...
}

2. 对象形式声明：

export default {
 props: {
    foo: String,
    bar: Number,
 },
...
}

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

prop的属性

对于 prop 的声明：

props: {
    foo: String,
},

实际上，是以下内容的化简：

props: {
    "foo": {
        type: String,
        required: false,
        default: undefined,
    },
},

其中的 type、