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

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

За урок вы ознакомитесь с темой компонентов. Вы научитесь создавать их, узнаете зачем они нужны и как с ними можно работать. Также в уроке мы доработаем прошлый проект и добавим процесс удаления.

Видеоурок

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


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

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

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


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

Материалы для курса

Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт

Онлайн редактор кода

Загрузка...

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Разработка игр на Python с нуля / Уроки Pygame
10 уроков
Изучение MongoDB / Работа с базой данных
8 уроков
Уроки Godot Engine / Разработка игр на движке Годот
4 урока
Дополненная реальность (Vuforia AR и Unity)
3 урока
Создание приложения на React JS / Использование API
7 уроков
Изучение языка PHP, а также MySQL
28 уроков
Комментарии
Добавить комментарий

Пока комментариев нет