#5 – Создание компонентов в Vue

В Vue js компонент представляет собой изолированный и переиспользуемый блок кода, который содержит свою логику, шаблон и стили. Компоненты могут быть вложены друг в друга, образуя иерархию, что упрощает структурирование кода в крупных приложениях.

Как только компонент создан, его можно использовать в шаблоне другого компонента или экземпляра Vue с помощью тега с именем компонента.

<template>
	<div>
		<my-component></my-component>
	</div>
</template>

Данные могут быть переданы в компонент с использованием свойства props. Это позволяет родительскому компоненту передавать данные дочернему компоненту.

Компоненты также могут взаимодействовать друг с другом с использованием событий. Дочерний компонент может вызывать события, которые прослушиваются родительским компонентом.