props参数的使用
在使用vue的项目开发的过程中
经常会定义大量的组件使用
这个时候组件中的定义的数据类型就非常重要了
此时我们需要定义组件中需要的数据类型
之前我只知道简单的几个
今天忽然发现原来还可以这样使用简直太棒了
特别是自定义验证这一块可能不经常用
但是可以处理很多特殊的场景
props: { // 基础的类型检查 (`null` 和 `undefined` 会通过任何类型验证) propA: Number, // 多个可能的类型 propB: [String, Number], <!-- 我之前一直以为多个验证是这样写 --> propB:String | Number // 必填的字符串 propC: { type: String, required: true }, // 带有默认值的数字 propD: { type: Number, default: 100 }, // 带有默认值的对象 propE: { type: Object, // 对象或数组默认值必须从一个工厂函数获取 default: function() { return { message: 'hello' } } }, // 自定义验证函数 propF: { validator: function(value) { // 这个值必须匹配下列字符串中的一个 return ['success', 'warning', 'danger'].indexOf(value) !== -1 } }, // 具有默认值的函数 propG: { type: Function, // 与对象或数组默认值不同,这不是一个工厂函数 —— 这是一个用作默认值的函数 default: function() { return 'Default function' } }