Vue: Прогрессивная революция

Шаблоны как язык разметки. Vue не стал полностью отказываться от HTML в пользу JSX. Его шаблоны — это расширенная версия классической разметки с директивами вроде v-if и v-for. Для дизайнеров и backend-разработчиков это естественнее, чем погружение в JavaScript.

Реактивность «из коробки». В React нужно явно использовать useState, в Vue достаточно объявить свойство в data() — фреймворк автоматически отслеживает изменения. Это магия Object.defineProperty (в Vue 2) и Proxy (в Vue 3), но для разработчика — просто «работает как ожидается».

Композиция без головной боли Options API во Vue 2 предлагал понятное разделение логики, а composition API во Vue 3 добавил гибкости, сохранив простоту.

Магия, которую трудно отлаживать. Автоматическая реактивность — это удобно, пока не столкнёшься с: Изменениями массива, которые не триггерят обновление; Неожиданными зависимостями в computed-свойствах; Проблемами с Proxy в старых браузерах.

Экосистема: есть всё, но не всегда лучшее. Vuex (официальный state-менеджер) проигрывает Pinia. Vue Router уступает в гибкости React Router. Зато есть Nuxt — фреймворк, который делает для Vue то, что Next.js для React.

«Это же прогрессивный фреймворк!» Можно начать с подключения Vue через CDN, но для серьёзного проекта всё равно потребуются: Vue CLI или Vite; State-менеджер; Библиотека форм.

Прогрессивность означает не «простой», а «можно внедрять постепенно».