vue数据验证

数据验证

type 类型

• String
• Number
• Boolean
• Object
• Array
• Function

备注：type 也可以是一个自定义构造器，使用instanceof检测

Example

Vue.component('my-component', {
  props: {
    // !必须是数字类型
    propA: Number,
    // !必须是字符串或者数字类型
    propB: [String, Number],
    // !布尔值，没有定义默认值是true
    propC: {
      type: Boolean,
      default: true
    },
    // !数字，必传
    propD: {
      type: Number,
      required: true
    },
    // !如果是数组或对象，默认值必须是一个函数来返回
    propE: {
      type: Array,
      default: function () {
        return []
      }
    },
    // !自定义一个验证函数
    propF: {
      validator: function (val) {
        return val > 10
      }
    }
  }
})