Question

我想知道如果引用对象嵌套了2个以上级别，那么在引用反应对象时使用.value是正确的。您是否将.value放在基础对象上，然后访问它的子键？还是把它放在最深的键上？

这里是一个例子：

import { reactive, computed } from 'vue'

const someObj = reactive({
    a: {
        b: {
            c: 1
        }
    }
})

const doubleSomeObj = computed(() => {
    return someObj.value.a.b.c * 2
    // Or... someObj.a.b.c.value * 2
    // Or something else?
})

在上面的代码中，在计算的属性doubleSomeObj中，它引用了嵌套对象someObj。

在引用嵌套对象someObj中的各种键时，将.value放在什么级别正确？

Answer 1

.value仅用于ref个。 reactive对象的子属性可以在不使用.value的情况下使用，因此您可以将其直接乘以computed属性：

const doubleSomeObj = computed(() => {
    return someObj.a.b.c * 2
})

demo

如何在Vue 3的Composition API中的反应式嵌套对象上使用.value？

1 个答案: