[Vue.js]学习笔记-Vue.js组件-Prop验证 - 苏飞论坛

组件可以为 props 指定验证要求。

prop 是一个对象而不是字符串数组时，它包含验证要求：

[HTML] 纯文本查看 复制代码

Vue.component('example', {

  props: {

    // 基础类型检测 （`null` 意思是任何类型都可以）

    propA: 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 value > 10

      }

    }

  }

})

type 可以是下面原生构造器：

[C#] 纯文本查看 复制代码

String

Number
Boolean
Function
Object
Array