基础知识2.Prop知识总结

vue官方文档prop链接：https://cn.vuejs.org/v2/guide/components-props.html#Prop-的大小写-camelCase-vs-kebab-case

Prop 是在组件上注册的一些自定义特性。当一个值传递给一个 prop 特性的时候，它就变成了那个组件实例的一个属性。

Prop 类型：

当希望每个 prop 都有指定的值类型时，可以以对象形式列出 prop，这些属性的名称和值分别是 prop 各自的名称和类型：

[code]props: {
age: Number,
isPublished: Boolean,
Ids: Array,
data: Object
}

Prop 验证:

当知道对象的类型时，可以为组件的 prop 指定验证要求。如果有一个需求没有被满足，则 Vue 会在浏览器控制台中发出警告。这在开发一个会被别人用到的组件时尤其有帮助。为了定制 prop 的验证方式，可以为

props

[code]

[code]props: {
data: { type: Object,
required: false,
default: function() { return {} // 对象或数组一定会从一个工厂函数返回默认值 }
},
Id: { type: String,
required: true //为必填的字符串
},
Name: { type: String,
required: true
}
}

当 prop 验证失败的时候，(开发环境构建版本的) Vue 将会产生一个控制台的警告

type

String

Number

Boolean

Array

Object

Date

Function

Symbol