Встречается на собеседованиях • сегодня

Как сделать чтобы useAsyncData отрабатывал только на клиенте

В Nuxt 3 можно использовать useAsyncData с опцией server: false, чтобы он выполнялся только на клиенте:

ts
const { data } = await useAsyncData(
  'key',
  () => $fetch('/api/data'),
  { server: false }
)

Также можно использовать useFetch с той же опцией:

ts
const { data } = await useFetch('/api/data', { server: false })

Это полезно, когда:

  • Данные требуют доступа к браузерному API (localStorage, window и т.д.)
  • Нужно избежать дублирования данных при SSR
  • Данные должны обновляться при навигации клиента

Для более сложных сценариев можно использовать onMounted + обычный fetch.

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы