Цель урока – ознакомление с фреймворком Vue.js и историей его создания. Автор расскажет о методах подключения и определения на странице, вы узнаете об экземпляре объекта Vue(), научитесь ним работать. Будут рассмотрены основные элементы – привязки и шаблоны, их цель и использование. Также будет осуществлен разбор основных привязок на страницу, а также жизненный цикл экземпляра Vue.

Цель урока – рассмотреть основные привязки элементов форм. Будут рассмотрены модификаторы для текстовых полей. Показана работа ленивой привязки. Во второй части урока – реакция на пользовательские события в библиотеке Vue.js. Рассмотрены основные модификаторы, распространение событий на странице, а также реакция на события, возникшее с помощью клавиатуры или мыши пользователя.

Цель урока – ознакомление с директивами условного отображения объектов и массивов. Будут рассмотрены основные методы работы с выводом массивов в пользовательский интерфейс. Также в уроке дается определение вычисляемым свойствам объекта Vue, фильтрам и наблюдателям.

Цель – изучение компонентов, как части экземпляра Vue, методами их подключения. На уроке будут рассмотрены основные элементы компонентов, его параметры и поведение. Использование компонентов в работе с пользовательскими событиями, использование слотов во вложенных шаблонах, а также области видимости компонентов на странице.

Цель – изучение работы анимации и переходов во Vue, компонента transition, основных классов появления и исчезновения элементов Virtual DOM. Применение группового компонента для списков. Будет показан пример Velocity библиотеки для улучшения режима анимации. Рассмотрена тема собственных компонентов и применения их на странице.

Цель – ознакомиться с основными различиями SPA и серверным рендерингом. Разобраться с основными программами для работы приложения на локальном сервере. Разобрать понятие маршрутизации и рассмотреть компонент vue-router. Ознакомится с видами маршрутов, а также с основными параметрами.