props的几种写法

props的几种写法

1.数组形式(简写)

props: ['propOne', 'propTwo']

2.对象形式(带类型)

props: {
    'propOne': Object,
    'propTwo': [String, Number] // 必须是字符串或数字类型
}

3.对象形式(带多种校验)

props: {
	propOne: {
        type: Number,
        required: true,
        default: 0
    },
   	// 如果是数组或对象,默认值必须是一个函数来返回
    prosTwo: {
        type: Object,
        default() {
        	return {}
        }
    },
    propThree: {
        type: Array,
        default: () => []
    },
    // 自定义一个验证函数
    propFour: {
        validator: (value) => {
            return value > 1
        }
    }
}

你可能感兴趣的:(vue,vue)