Введение в курс по базовым компонентам форм Vue js

Базовые элементы форм

При разработке проектов на фреймворке Vue.js довольно часто приходится иметь дело с формами. То есть, в наш проект нужно добавить какие-то текстовые поля, какие-то большие текстовые поля, переключатели, чекбоксы, радиокнопки, либо какие-то другие нестандартные элементы, которые позволяют пользователям ввести какую-то информацию на вашем проекте.

В этой серии видео я хотел бы поделиться с вами опытом: каким образом можно создавать базовые, переиспользуемые элементы форм. 

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

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

Собственно говоря, давайте начнем! 

Готовим заготовку

Я буду показывать все на примере развернутого проекта Vue.js. И, соответственно, здесь мы с вами будем каким-то образом добавлять наши элементы форм и что-то с ними делать.

Для начала, давайте создадим папку "Base", в которой и будут, соответственно, создаваться наши базовые элементы форм, которые мы будем использовать.

Прежде чем переходить к следующему видео, рекомендую вам развернуть чистый проект на фреймворке Vue.js. 

Здесь будут показываться примеры для Vue 3, и мы будем приступать и создавать какие-то базовые компоненты форм и использовать их.