Почему не отображается value реактивного(ref) массива?

Question

[Farkl]

В общем

let products = useLoadProducts()
onMounted(() => {
  console.log(products)
  console.log(products.value)
})

и когда я вывожу в консоль то получаю,

почему во втором логе массив пустой?

Answer 1

[Aetae]

const products = {
  value: false
};
console.log(products)
console.log(products.value)
products.value = true;

Разницы с ref в данном случае никакой.

spoiler

Получив ref.value ты уже получил текущее значение, если оно изменилось позже, то ты об этом никак не узнаешь, не поучив снова ref.value. Собсно потому и нужно это уродское .value, т.к. в js (пока?) нет нативных ref-ссылок приходится везде тащить объект-обёртку.

Comments

[Farkl]

а как то с помощью async await, можно узнать значение? как мне работать с таким масивом, если я не могу из него значения получить

[Aetae]

Farkl,

let products = useLoadProducts()

const processedProducts = computed(() => {
  return products.value.map(...)
})

return { processedProducts }

[Farkl]

Aetae, спасибо