유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

Vue.js Forge, Ep. 5: How to NOT Block Navigation in Nuxt ~ Mostafa Said

Vue School

2024. 12. 2.

0

#frontend
  • Nuxt.js에서 페이지 네비게이션을 차단하지 않고, 맨 처음 데이터 요청 시 skeleton (loading indicator)을 보여주고, 데이터를 백그라운드에서 가져오는 방법 🤔
  • useFetch와 useAsyncData composables를 활용하여 데이터 캐싱을 조절할 수 있습니다. 💾
  • useAsyncData 컴포저블에 cache 키를 설정하여 캐싱된 데이터를 사용할 수 있습니다. 🧰
  • useFetch 컴포저블의 lazyFetch 옵션을 활용하여 기존 캐시된 데이터가 있는 경우 로딩 지연을 추가할 수 있습니다. 🦥
  • 캐시된 데이터가 없는 경우 지연 로딩을 위해 Skeleton 위젯을 사용하여 사용자에게 즉각적인 피드백을 제공합니다. 🦴

Recommanded Videos