Рубрика: Nuxt
-
Для реализации механизма обновления фронтенда Nuxt.js при выходе новой версии можно использовать несколько подходов…
-
Разработка Nuxt PWA и хранение данных из API
При обновлении данных API кешированные версии могут устаревать
-
Как сделать Nuxt PWA оффлайн-доступным: полное руководство
Progressive Web Apps (PWA) — это мощный инструмент для создания веб-приложений, которые работают даже без интернета.
-
Использование библиотеки Valibot в Nuxt 3 с формой UForm из @nuxt/ui
В современной веб-разработке валидация форм является критически важной частью пользовательского опыта. В этой статье я покажу, как интегрировать мощную библиотеку валидации Valibot с формами UForm из модуля @nuxt/ui в Nuxt 3. Что такое Valibot? Valibot — это легковесная библиотека для…
-
Использование @nuxt/icon в Nuxt 3
@nuxt/icon — это официальный модуль для работы с иконками в Nuxt 3, который предоставляет удобный доступ к тысячам иконок из Iconify и поддерживает загрузку кастомных SVG. В этой статье разберём, как его настроить и использовать. 1. Установка и подключение Установка…
-
5 Способов Композиции Компонентов во Vue: От Слотов до Renderless
Хотите создавать гибкие и переиспользуемые компоненты во Vue? В этой статье разбираем 5 мощных подходов к композиции: от базовых слотов до продвинутых renderless-компонентов
-
Паттерн Provider во Vue 3: управление состоянием приложения
Введение В современных Vue 3 приложениях управление состоянием — критически важная часть архитектуры. Паттерн Provider (или Provide/Inject) предлагает элегантное решение для передачи данных через дерево компонентов без необходимости прописывать props на каждом уровне. Что такое паттерн Provider? Provider — это…
-
Контекст в Vue: управление окружением компонента
Вы могли заметить, что watch остаётся активным после ухода со страницы, что может привести к утечкам памяти. Это связано с тем, что watch создаёт подписку, которая не очищается автоматически. Рассмотрим способы решения этой проблемы.
-
Организация стилей в проекте Vue: SCSS, BEM и компонентный подход
В разработке современных веб-приложений на Vue.js важно не только писать качественный код, но и правильно организовывать стили. Это помогает поддерживать проект в чистоте, упрощает масштабирование и делает код более читаемым…
-
Организация структуры Nuxt.js приложения с вложенностью и Vuex
При разработке приложений на Nuxt.js важно правильно организовать структуру проекта, чтобы обеспечить масштабируемость и поддерживаемость кода…