Vue.js это JavaScript библиотека для построения web интерфейсов. В паре с другими инструментами становится полноценным фрэймворком. Можно сказать, что Vue.js один из главных JavaScript фрэймворков, который может заменить Angular и React во многих случаях.

Если Вы никогда не слышали или не использовали Vue.js, то скорее всего скажете: «Да ладно, еще один JavaScript фрэймворк». Ясно-понятно. Но Vue.js не еще один. Первый релиз был в 2013 и сейчас у него на GitHub 38K+ звёзд и почти 5 тысяч форков.

Давайте рассмотрим выигрышные стороны библиотеки.

Что во Vue.js такого особенного?

Главное достоинство, это то, что у Vue.js нет длинной истории развития. Он свеж. Разрабатывался с учетом ошибок и успехов React и Angular. К тому же Vue легковесен и прост в изучении.

Vue.js поддерживает два способа биндинга. И как в Angular и как Virtual DOM в React.

Надеюсь принципы понятны. Можно перейти к сравнению с Angular и React. Начнем с Angular.

Angularjs vs Vue.js

Перед тем как сравнивать эти два фрэймворка, проведём аналогию. Angular (особенно после релиза Angular 2) это мамонт, а Vue.js это тигр, достаточно голодный, чтобы выжить. Но есть множество причин, по которым разработчики переходят на Vue. Evan You, основатель Vue описывает причины следующим образом.

Vue.js более гибок, менее упрямый. Это позволяет разработчикам создавать структуру приложения так, как они хотят, а не делать всё как обязует Angular Way. Библиотека реализует только уровень интерфейса, так что её можно использовать как лёгкую фичу на странице, вместо реализации пролноценного одностраничного приложения.

Посмотрим на примеры кода.

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

Reactjs vs Vue.js

У React и Vue.js много общего. Например:

  1. Использование Virtual DOM
  2. Реактивные и составные компоненты
  3. Сосредоточенность на ядре

Hello World:

React:

Vue.js:

Всё просто. С одним единственным тегом scriptвсе запускается и работает. Выгода в том, что не нужно изучать новых технологий.

Двусторонняя привязка

React:

Vue

Двусторонняя привязка во Vue.js достаточно проста, когда Вы используете v-model. В React всё немного сложнее.

Iteration

React:

Vue

В данном случае Vue побеждает с меньшим количеством строк и более простым кодом.

Все эти примеры означают, что Vue.js проще в понимании, изучении, а соответственно и в поддержке.

Резюме

Сегодня Vue.js не так популярен как React или Angular 2, но, тем не менее, многие разработчики переходят на Vue.



Комментарии

добавить
Комментариев пока нет. Будете первым?
Чтобы комментировать, нужно авторизоваться

Советуем почитать


Топ-10 фреймворков, на которые стоит обратить внимание в 2018
Администратор 0

Топ-10 фреймворков, на которые стоит обратить внимание в 2018 читать далее

Со спросом на web приложения растёт спрос на высокоуровневые фреймворки. И как результат, выбор подходящего фреймворка становится кошмаром для разработчика. Вот я и подумал, что не плохо было бы сделать подборку 10 фреймворков для web разработки, которые идеально подойдут вашему проекту.

0 28.01.2018 17:36:16

Почему стоит изучать Ruby on Rails
Администратор 0

Почему стоит изучать Ruby on Rails читать далее

Вы начинающий программист? Или просто думаете какой бы язык изучить? Очень рекомендуем вам обратить внимание на Ruby on Rails. Не смотря на обилие языков программирования и доступных фреймворков, Ruby on Rails очень популярен среди web-разработчиков. Всё благодаря функционалу и скорости разработки.

0 28.01.2018 17:12:42

Недостатки laravel
Вячеслав 0

Недостатки laravel читать далее

Я очень люблю фреймворк laravel, пользуюсь им начиная с 3-й версии, тогда он был как глоток свежего воздуха на фоне zend и symfony. Уважаю Тейлора за проделанную работу, за принесённую в php фреймворки идею удобного апи и умение копировать лучшее из других фреймворков вроде RoR. О плюсах сказано уже много, но у него есть свои недостатки.

1 20.03.2016 23:13:28