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

Давайте остановимся на способах создания компонентов.

Есть два основных способа, как вы можете создать Vue компонент, с которыми вы можете встретиться при создании Vue приложения. 

1 способ. SFC (Single File Component)

В этом способе компонент представлен в виде специального файла с расширением *.vue. Такие файлы еще называют Single File Component или однофайловый компонент. 

Нужно понимать, что для такого компонента требуется система сборки: Vite, Webpack или какая-то другая система сборки. 

Если ваше приложение без системы сборки модулей, то требуются специальные библиотеки, которые будут давать возможность использовать такие типы файлов. 

Далее мы подробнее остановимся на этом типе компонентов и посмотрим, что они собой представляют.

2 способ. Javascript объекты.

Компонент Vue может представлять собой обычный Javascript объект, в котором есть свойства и методы, которые мы можем использовать.

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

По сути, это 2 основных способа создания компонентов во Vue. Давайте будем погружаться в это подробнее и попробуем создать компоненты каждым из этих способов.