Prop 验证

function Custom () {}

Vue.component('my-component', {
  props: {
    A: {
      type: Custom,  // 基础的类型检查,也可以是自定义的构造函数,通过 instanceof 进行检查确认
      required: true,  // 是否必填
      default: '字符串'  // 默认值,对象或数组必须通过函数return返回默认值
    },
    // 简写
    B: Number,
    C: [String, Number],  // 判断多个可能的类型
    // 自定义验证函数
    D: {
      validator: function (value) {
        // 这个值必须匹配下列字符串中的一个
        return ['success', 'warning', 'danger'].indexOf(value) !== -1
      }  
    }
  }
})

提供的基础类型检查:
String、Number、Boolean、Function、Object、Array、Symbol

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,221评论 0 13
  • Lua 5.1 参考手册 by Roberto Ierusalimschy, Luiz Henrique de F...
    苏黎九歌阅读 13,967评论 0 38
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,107评论 19 139
  • 最怕的就是等待,最怕的就是去猜吧,一瞬间安全感全没的感觉太磨人了 这样说来的话,心里有一丝怀疑【这样她会不会害怕】...
    要做配得上电脑的人阅读 118评论 0 1
  • 阅读是人类进步的阶梯,大家好,我是人贱人爱、花见花开、车见车爆胎的小编,今天又来给大家扯淡来了,如果您喜欢我们的文...
    夏夏的昨天阅读 300评论 0 0