Независимо от того, страдаете ли вы от усталости Javascript, беспокойства ES, стресса, возникшего после веб-упаковки, или от какого-либо другого вида проблем веб-разработки, последнее, что вы, вероятно, захотите сделать сейчас, — это взглянуть на другую инфраструктуру Javascript.
Но сосредоточенность, простота и гибкость Vue.js могут сделать его героем, который вам нужен. Немного опоздав на игру в 2014 году, у Vue было то преимущество, что он мог выбирать из лучших частей своих предшественников.
фокус
Vue имеет узкий сценарий использования: создание пользовательских интерфейсов для Интернета. Создатели знают, что уже существует множество библиотек, которые помогут вам перебирать массивы или обрабатывать обещания и HTTP-запросы, поэтому вы не найдете ничего подобного в Vue.
Этот фокус позволяет Vue избежать раздувания других фреймворков. Но не менее важно то, что минимальная площадь поверхности его API позволяет его создателям больше сосредоточиться на улучшении Vue, чем на его поддержке.
Тем не менее, у Vue есть поддерживающие библиотеки, такие как vue-router, для маршрутизации, и Vuex , вдохновленная Flux библиотека для управления состоянием. Они тесно интегрируются с Vue, но не являются обязательными.
Вот прекрасный пример ориентации Vue на действия: создатель Vue Эван Вы недавно объявили, что vue-resource , официальная AJAX-библиотека Vue, будет удалена из организации Vue. Причина: AJAX не является проблемной областью, требующей глубокой интеграции с Vue, и время, потраченное на исправление ошибок, было бы лучше потратить на более неотъемлемые части стека.
Вам также может понравиться:
Пример Vue: Создание приложения TODO с использованием Vue.js 2, Vuex и Codemix [Video] .
Простота
Добавить Vue в ваш веб-проект можно так же просто, как:
HTML
1
<script src="https://unpkg.com/vue/dist/vue.js"></script>
И вы готовы начать. Не требуется перенос или борьба с упаковщиком.
Код Vue имеет простоту, встроенную в его дизайн. Посмотрите на этот пример «Привет, мир»:
HTML
xxxxxxxxxx
1
<div id="app">
2
{{ message }}
3
</div>
4
<script>
5
new Vue({
6
el: '#app',
7
data: {
8
message: 'Hello Vue!'
9
}
10
});
11
</script>
Даже те, у кого есть только базовое понимание HTML и JS — возможно, дизайнеры и младшие сотрудники в команде — могут понять, как работает код Vue. Для более опытных разработчиков эта простота обеспечивает немедленную производительность.
Если успех jQuery будет чем-то оправдан, то репутация Vue, как самой простой из фреймворков, может пройти долгий путь.
Я … действительно забочусь о доступной части Vue, которая основана на убеждении, что технологии должны позволять большему количеству людей создавать вещи. Эван Ю, создатель Vue.js — Between The Wires
гибкость
Если вы хотите написать быстрое и простое приложение, которое будет работать прямо из браузера, Vue поможет вам. Если вы хотите создать более сложное приложение с ES6, JSX , отдельными файлами компонентов, маршрутизацией, связыванием и т. Д., То Vue может справиться и с этим.
Vue сосредоточен на том, что он может сделать для вас, но не думает о том, как вы это делаете. Например, если у вас есть предпочтительный метод написания шаблонов, Vue позволяет вам сделать это любым из следующих способов:
- Напишите свой шаблон в файле HTML.
- Напишите свой шаблон в виде строки в файле JavaScript.
- Используйте JSX в файле JavaScript.
- Сделайте ваш шаблон в чистом JavaScript, используя функции рендеринга.
Такая гибкость облегчает переход на Vue, поскольку разработчики React, разработчики Angular или разработчики, не знакомые с JS-фреймворками, могут найти дизайн Vue знакомым.
Копирование конкурентов
Многое из того, что получает Vue, — это то, что его предшественники уже получили. Просто спросите разработчика Angular. Директивы Vue копируют Angular прямо в синтаксис: чтобы связать ввод с данными приложения в Vue, которые вы используете v-model
точно так же, как Angular ng-model
.
Относительно поздно, Vue смог скопировать то, что работает в других средах, и избежать того, что не работает. У системы реактивности Вью есть вдохновение от Вяза. Синтаксис шаблона Vue похож на Angular. В своей последней версии Vue теперь качает виртуальный DOM в стиле React.
Vue зарабатывает свое место, будучи отличным решением, если не оригинальным.