vue2er写vue3,props的写法

220 阅读1分钟

vue3工作应用-props写法

场景

记录用。未验证,待补充。

解决

普通写法:

export default {
    porps: ['a', 'b']
}

export default {
    porps: {
        a: {
            type: String,
            default: '默认值a'
        },
        b: {
            type: [Number, String],
            default: 1
        }
    }
}

在组合式API中写法:

export default{
    props: ['a', 'b'],
    setup(props) {
        const a = props.a; // 不具备响应性
        const b = toRefs(props).b; // 保留响应性
    }
}