Рубрика: Vue
-
ECharts — мощная библиотека для визуализации данных. Она поддерживает линейные, столбчатые, круговые диаграммы, карты и многое другое. В этой статье разберём, как интегрировать ECharts в Vue 3 с помощью Composition API и показать пример динамической диаграммы. 1. Установка Для Vue…
-
VueUse на практике: таймеры, треки и локальное состояние
VueUse — это коллекция готовых Composition API утилит для Vue 3. Она позволяет ускорить разработку, уменьшить повторяющийся код и управлять состоянием, эффектами и событиями в реактивном стиле. В этой статье разберём реальные кейсы: таймеры, треки и локальное состояние. 1. Таймеры…
-
Использование Astro.js с Vue: современный подход к веб-разработке
Современные сайты требуют одновременно высокой скорости, удобной разработки и гибкой архитектуры. Если раньше приходилось выбирать между статическим сайтом (SEO и скорость) и SPA (удобная логика, но тяжёлый бандл), то сегодня этот компромисс решают новые инструменты. Один из них — Astro.…
-
Автоматический импорт компонентов в Vue с помощью unplugin-vue-components и Vite
При разработке на Vue часто приходится вручную импортировать и регистрировать компоненты. Это утомляет и засоряет код…
-
UnoCSS + Nuxt: новая скорость и гибкость вместо Tailwind
В мире фронтенда производительность, гибкость и DX (разработческий опыт) — ключевые параметры при выборе стека. И если раньше большинство Nuxt-проектов по умолчанию использовали Tailwind CSS, то сегодня на смену приходит UnoCSS — современный атомарный CSS-движок, который предлагает куда больше, чем…
-
Vapor Mode во Vue: новое слово в производительности фронтенда
рендеринг в Vue до сих пор базировался на виртуальном DOM. С появлением Vapor Mode всё может измениться.
-
Vue 3: Композиция vs Опции – что выбрать?
Сравнение Composition API и Options API, плюсы и минусы + пример миграции С выходом Vue 3 появился Composition API – новый способ организации кода компонентов. Но Options API никуда не делся. Какой подход выбрать? Давайте разберёмся! 1. Options API vs…
-
Laravel + Vue: Простое SPA с API на Laravel
В этой статье мы создадим одностраничное приложение (SPA) на Vue.js с бэкендом на Laravel. Разберём: ✅ Настройку Laravel Sanctum для аутентификации✅ Подключение Vue Router✅ Пример CRUD (создание, чтение, обновление, удаление) 1. Настройка проекта Установка Laravel и Vue Создадим новый проект…
-
Vue.js: Основы реактивности и работа с состоянием (Vuex/Pinia)
Реактивность — одна из ключевых возможностей Vue.js, которая делает разработку удобной и эффективной. В этой статье разберём: 1. Что такое реактивность во Vue? Реактивность — это автоматическое обновление интерфейса при изменении данных. Vue 3 использует Proxy (в отличие от Vue…
-
Создание Vite-плагина для автоматической генерации index.js компонентов
В этой статье я расскажу о процессе создания Vite-плагина, который автоматически генерирует файл index.js для экспорта Vue-компонентов, и разберу его код. Назначение плагина Плагин GenerateComponentsIndex решает несколько важных задач в проекте на Vue.js: Процесс создания плагина 1. Импорт необходимых модулей…