Vue.js
Vue
Что это такое
Vue — это JavaScript-фреймворк для построения интерфейсов из компонентов, и существует он в двух видах: однофайловый компонент, который держит вместе шаблон, логику и стили, и обычный объектный API, который можно встроить в уже существующую страницу. Отличительная его черта — реактивность: вы меняете обычный объект, и фреймворк сам обновляет всё, что от него зависит.
Почему это важно
Авторы Vue ставили целью низкий порог между статической страницей и приложением — и это заметно. Тег скрипта и один файл компонента делают страницу интерактивной, сборка для начала не нужна, однако та же модель компонентов масштабируется до полноценного приложения с маршрутизацией и хранилищем. Основной рынок Vue — большой объём европейской корпоративной и государственной разработки, и там эта мягкость важна: команды, которые его берут, чаще добавляют интерактивность в уже готовый продукт с серверным рендерингом, чем строят новое одностраничное приложение. Сравнение — вторая причина его знать: Vue, React и Angular по-разному решают вопросы шаблонов, реактивности и структуры, и знакомство со второй моделью делает первую понятнее.
Что в этом треке
- Реактивность и шаблоны (02-frontend/22-vuejs/01-reactivity-and-templates) — синтаксис шаблонов и то, как Vue отслеживает данные, от которых зависит шаблон.
- Однофайловые компоненты (02-frontend/22-vuejs/02-single-file-components) — формат файла, props, события и слоты, которые делают компонент переиспользуемым.
Предварительные требования
- JavaScript (02-frontend/06-javascript)
Что читать дальше
- Управление состоянием (02-frontend/23-state-management) — задача, которую каждый фреймворк решает по-своему.
- React (02-frontend/29-react) — другая массовая модель компонентов, её стоит прочитать рядом.
- Webpack (02-frontend/24-webpack) — инструмент, которым исторически собиралось большинство проектов на Vue.