Vue Props数据验证

Vue.component('My-component', {
    props: {
        propA: Number,

        propB: [String, Number],

        propC: {
            type: Boolean,
            default: true
        },

        propD: {
            type: Number,
            required: true
        },

        // 如果是数组或者对象，默认值必须用函数返回
        propE: {
            type: Array,
            default() {
                return [];
            }
        },

        // 自定义验证函数
        propF: {
            validator(value) {
                return value > 10;
            }
        }
    }
});