Vue

Изучение Vue

Lesson 1

• Базовое понимание как работает Vue, контекст вызовов в {{ variable }} и внутри параметров тега
• Назначение data, computed, methods и принцип их работы
• Изучение работы v-model, v-on, v-if, v-else, v-show, некоторые возможности v-bind
• Сокращенная запись v-on: @
• Сокращенная запись v-bind: :
• Назначение watch и принцип его работы
• Цикл v-for и назначение key

Задание:

• Сверстать таблицу как в видео.

Lesson 2

• Разбор ДЗ (я переписал на "обьект")
• Применение this.$set и this.$delte для реактивности обьектов
• Свойство template
• Шпаргалка
• Экземпляр Vue, диаграмма жизненного цикла и Hooks
• Модификаторы директив
• :class и распознание Vue его значений
• Обьекты не реактивны, но реактивны их свойства

Задание:

• Сверстать таблицу как в видео на Vue.
• Сверстать форму соглашения на ванильном JS.

Lesson 3

• Разбор ДЗ
• Принцип работы директив
• В v-on выражение выполняется после наступления события (1:27:40)
• Базовые, локальные компоненты
• Ранее созданные обьекты - реактивны

Задание:

• Написать свою директиву, как в видео