vue子组件接口较常用写法

vue子组件接口较常用写法

1.接口参数解释

props: {
    fruits: {
        type: String,//类型 String Number Object Boolean Array (Function忘记有没有这个，按理有)
        required: false,//是否必传参数
        default: "草莓",//默认值
        validator: function (value) {
            return (value.length < 15);
        }//校验参数
    }
}

type：String类型：String Number Object Boolean Array (Function忘记有没有这个)
required: false是否必传参数，默认否
default: "草莓" 默认值

validator: function (value) {
        return (value.length < 15);
    }//校验参数 value为参数值

2.默认各类型参数一般写法，直接能用

String

city: {
    type: String,
    default: '城市'
}

Number

number: {
    type: Number,
    default: 100
}

Object

data: {
    type: Object,
    default () {
        return {}
    }
}

Array

list: {
    type: Array,
    default () {
        return []
    }
}

Boolean

isActivated: {
    type: Boolean,
    default: false
}

Function

rowClick: {
    type: Function,
    default: function() {}
}