За свою 10-летнюю карьеру мне довелось поработать со многими хорошими библиотеками пользовательского интерфейса. VueJS не из таких. Именно поэтому недавно я решил этому научиться, и этот пост — первая часть серии заметок о моем обучении. Некоторая информация может быть базовой, но она предназначена для тех, кто впервые начинает работать с VueJS. Все это основано на VueJS версии 3.

Что такое VueJS?

VueJS — это платформа JavaScript, используемая для создания реактивных интерфейсных приложений. Быть фреймворком означает, что он поставляется с набором служебных функций и рекомендаций. Они помогают разработчикам быстрее создавать приложения, а рекомендации помогают новым членам команды быстрее подключаться к проектам. Реактивный означает, что он помогает создавать пользовательские интерфейсы, динамически реагирующие на ввод пользователя. Под интерфейсными приложениями подразумевается, что мы создаем часть приложения, которое пользователь видит и с которым взаимодействует.

Почему VueJS, а не ванильный JavaScript?

Создание приложений на стандартном JavaScript — это прекрасно, и вы можете создавать сложные приложения. Но в этом случае это может быть слишком медленно и увеличивает вероятность ошибок и проблем с производительностью. Используя такую ​​структуру, как VueJS, вы получаете множество функций «из коробки». Такие функциональные возможности, как маршрутизация и привязка данных, которые вам пришлось бы создавать самостоятельно, если бы вы не использовали какую-либо структуру. И эти функции тестируются многими использующими его разработчиками, которые сообщают о любых проблемах с ним, а основные сопровождающие вносят в него обновления.

Можете ли вы использовать VueJS только в некоторых частях страницы?

В отличие от некоторых других фреймворков, VueJS можно использовать как часть страницы в качестве виджета, так и целиком. Не существует правильного пути, и какой способ использовать, зависит от ваших требований.

Альтернативы

Есть несколько альтернатив, которые вы также можете использовать. Некоторые более популярные из них — Angular и React. Оба варианта являются совершенно хорошими, но каждый из них имеет свои преимущества и ограничения. Например, Angular практически можно использовать только с Typescript.

Создание первого приложения

Существует несколько способов начать писать свое первое приложение VueJS. Один из них использует CLI для…