Почему в Nuxt 3 я не вижу свойства получаемого объекта посредством useFetch внутри script setup а в template вижу?

Question

[Vadim Sutormin]

<template>
  <div>
    {{ enumData.result }} // Вот так работает
  </div>

</template>

<script setup>
const props = defineProps({
  name: {
    type: String,
    required: true
  }
})
const {data: enumData} = await useFetch('https://api.test.ru/enum', {
  query: {
    enum: props.name
  }
})
console.log(enumData.result) // Вот так не работает
</script>

Имеется примерно такой код. Если вывожу внутри script setup в консоль enumData.result, то выдает undefined, но в template я вижу, что находится внутри enumData.result. почему так происходит? если же выведу в консоль enumData, то вижу весь объект в целом и result с нужными данными там присутствует. Тип enumData показывает object.

Answer 1

[Vadim Sutormin]

Разобрался.
enumData.value

Answer 2

[Denis Melnikov]

Вот так сделайте. Увидите, enumData не простой объект =)

watch(enumData,(newData)=>{
console.log(newData)
})

Comments

[Vadim Sutormin]

Пожалуйста, объясните как тупому, какой это объект? Работать, как с promise у меня с ним не получается. По вашему решению мне в консоль ничего не выдает при загрузке компонента (обновление страницы). Только когда в режиме dev меняю что-то в коде, тогда вываливает в консоль.