Перед тем, как мы познакомимся с большим функционалом Vue, нам нужно понять что такое Vue.js и в чём его преимущества перед другими фреймворками.
Vue.js - это HTML-First фреймворк, значит что все взаимодействия с нашей страницей, первым делом будут описаны в DOM-дереве наших проектов.
- Реактивность - позволяет изменять данные на странице без перезагрузки её, если написав код на JS нужно было перезагрузить страницу, то реактивность во Vue позволит вам, как разработчику, и непосредственно пользователю, увидеть изменения на сайте.
- Двустороннее связывание данных - при изменение модели данных, меняется её представление и наоборот.
- После установки фреймворка, вы получаете набор директив и инструментов, которые описываются в DOM-дереве проекта - делая его более лаконичным и простым.
- Компоненты - Vue предоставляет возможность разбивать проект на части, что позволяет создавать и добавлять новый функционал проекту не переделывая его целиком.
- Библиотеки - для создания многостраничного сайта Vue предоставляет официальные библиотеки. Router, VueX, Vuetify и тд.
Обо всём это подробнее мы поговорим в следующих публикациях.