vue3 我可以更改组合 api 引用类型吗？

Question

如果我有一个来自父组件的 props.id 数组来支撑另一个组件

<components id="1"></components >
<components id="2"></components >
<components id="3"></components >

我可以根据这个 props.id 像这样更改我的 ref 类型吗？

<script set-up>
    import { ref, defineProps} ... 
    const props = defineProps({
        id: Number
    })
    const state = {
         data: props.id === 3 ? ref([]) : ref({})
    }
</script set-up>

Answer 1

可以通过props赋默认值

const state = ref(props.id === '1' ? [] : {});

如果您想观看某个对象，我建议您使用 reactive 而不是 ref。