Vue.js
Last updated
Last updated
Интерфейсы в современном вебе часто меняют состояние и обычных операций с DOM уже не хватает для удобной работы. Когда код превращается в кашу, а стейт в лапшу, на помощь приходят высокоуровневые библиотеки и ферймворки: Vue, React, Angular и пр.
Для начинающих лучше всего подойдет Vue, кривая вхождения в эту библиотеку самая пологая:
Простые вещи делаются просто. Не обязательно заводить сборку, можно просто подключить библиотеку в теге <script> и начать работать.
Vue — : можно просто подключить вместо jQuery, а можно создать полноценный SPA со стором, роутингом и прочими штуками.
В компонентах можно использовать HTML, CSS и JS (хватает для большинства проектов, удобно новичкам), а можно добавить TypeScript, JSX, препроцессор и шаблонизатор (для больших, сложных проектов и профессиональных разработчиков).
Vue нормально впишется в уже работающий сайт, чтобы реализовать какую-то его динамическую часть.
Vue появилась позже Реакта и Ангуляра и использует некоторые основные принципы обоих. Разобравшись с Vue вам будет проще освоить все прочие популярные библиотеки и фреймворки.
.
Создатель Vue .
. Доходчиво и постепенно автор знакомит со всеми особенностями работы Vue. Есть задания для практики, peer-to-peer code review.
от Laracasts — обзорный бесплатный курс, не такой глубокий, как предыдущий, но вполне хороший.
После установки в директории /pages вы создаете свои .vue-компоненты, которые сразу становятся доступны по адресу http://website-name/component-name.
Есть несколько вариантов использования Vue для реализации нативных мобильных интерфейсов:
— надстройка поверх Vue, которая позволяет создавать веб-приложения с рендерингом на сервере без заморочек с конфигурацией. В основе Nuxt — Vue-компоненты.
Ролик на Ютюбе . Автор рассказывает о Nuxt, показывает основные возможности и объясняет, что такое server side rendering.
Курс на Udemy.
Если нужно создать статический сайт, где основой будет текстовое наполнение (документацию, книгу, блог), то вместо Nuxt удобнее использовать . Он создан специально для работы с документацией Vue.
После установки вы просто создаете -файлы и все сразу работает. Так же можно создавать и вставлять в текст Vue-компоненты.
Ролик на Ютюбе с обзором основных возможностей.
.
. PHP-фреймворк Laravel во многом способствовал популяризации Vue. В книге автор создает клон AirBNB на Vue и Laravel, по пути объясняя, как их подружить через REST API.
Официальная документация и .
, набор обязательных и рекомендуемых практик по стилю кода.
.
Ферймворк , от Apache Foundation, поддерживает Alibaba.
В можно использовать Vue.
.
— набор интерфейсных компонентов для PWA и Cordova.
— бойлерплейт для Progressive Web App.