Vue. Компоненты.

Что такое компоненты Vue.js

Компоненты Vue: логические части интерфейса, их переиспользование и структура из разметки, скрипта и стилей.

Способы создания Vue компонентов

Два способа создания компонентов Vue: однофайловые компоненты (SFC) и обычные объекты JavaScript.

Создание компонентов на примере сборки с глобальным объектом Vue

Что такое SFC Single File Component Vue. Механизм подключения.

Однофайловые компоненты Vue: разделение шаблона, скрипта и стилей и импорт в родительский компонент.

Понятие props во Vue. Что это и зачем это нужно.

Props во Vue: передача данных из родительского компонента в дочерний, назначение и ограничения.

Создание props Vue с помощью массива ключей

Объявление props массивом ключей: импорт дочернего компонента, передача значений атрибутами и ограничения способа.

Задание props через объект. Значение по умолчанию и обязательность prop

Задание объекта в качестве type для props

Задание базовых types для props

Особенность работы с data в компонентах


Emits Vue. Передача событий и данных между компонентами.

Событие emit во Vue: как дочерний компонент уведомляет родительский и передаёт ему данные.

Логика и особенности работы props и emits

Вызов метода в родительском компоненте без emit

Как передавать data из объекта Vue внутрь компонента


Множественный v-model


Vue. Использование v-for с компонентами.

Директива v-for для компонентов Vue: вывод компонента по одному разу на каждый элемент массива.

Vue. Что такое слоты (slot).

Слоты во Vue: передача произвольного содержимого внутрь компонента и переиспользование разметки.

Как задать области для более одного слота в компоненте

Знакомство с примесями mixins во Vue

Миксины во Vue.js: вынос общих данных, методов и вычисляемых свойств для переиспользования в компонентах.

Сервисы Vue приложений

Компонент для отображения компонентов

Изменяем стандартное имя для импортируемого компонента Vue

Как дать произвольное имя компоненту script setup

Что еще добавить в этот курс? Каких уроков вам не хватило?