.value
リアクティブ オブジェクトが 2 レベル以上の深さでネストされている場合、リアクティブ オブジェクトを参照するときにどこを使用するのが正しいのか疑問に思っています。.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
ですか?