Встречается на собеседованиях • сегодня
Как сделать чтобы 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.

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы