Что такое vue.js, насколько он мейнстримен и насколько эффективен?

Question

[ixon]

В последние несколько лет много слышу про Vue.js. Что это и для чего его разработали?
Я особенно не вдавался в его суть, насколько я понимаю, это некий фреймворк, который упрощает работу с DOM-деревом, предлагая взамен некоторого типичного JS кода свой код, что-то вроде jquery, но какой-то уж очень специфичный и зацикленный непосредственно на интерфейсе.
Сложилось впечетление, что это некое хипстерское неэффективное поделие. Это ведь не так? Его ведь используют в каких-нибудь крупных проектах? Насколько он упрощает разработку? Насколько быстро он работает?
Разработчики предлагают использовать его в паре с Node.JS, но что насчет более мейнстримного в веб-разработке PHP?
Стоит ли им пользоваться, если да, то в каких типовых задачах можно раскрыть как можно больше его потенциала?

Comments

[Make Now]

Vue - это просто фейерверк возможностей. Супер удобно, супер просто. Если вкратце, то это прежде всего Фреймворк для SPA приложений, но и не только. Например для меня это очень удобно при построении различных GUI для десктоп приложений, так что можно и не только для web. Не только для NodeJS, например я использую его в связке с GO.

[ixon]

Make Now, а для Go нет случайно каких-нибудь конкретных библиотек для лучшей работы с Vue.JS?

[Make Now]

ixon, для этого не нужно чего-то специального просто читаем сгенерированный Vue html и профит:

tmpl, err := template.ParseFiles("index.html")
// or
tmpl := template.Must(template.ParseFiles("index.html"))

Answer 1

[Антон Антон]

Что это

Vue (произносится /vjuː/, примерно как view) — это...

для чего его разработали?

Чтобы не думать над DOM, а думать над структурой данных и их изменением.

Сложилось впечетление, что это некое хипстерское неэффективное поделие. Это ведь не так?

нет, работает вполне эффективно и быстро

Его ведь используют в каких-нибудь крупных проектах?

https://github.com/vuejs/awesome-vue#appswebsites Кстати, aliexpress на нем работает. Ну и евроньюс.

Насколько он упрощает разработку?

По сравнению с purejs и jquery - очень сильно, по сравнению с другими (react/angular) меньше преимущество, но (ИМХО) оно все равно есть

Насколько быстро он работает?

Оверхед малозаметен

Разработчики предлагают использовать его в паре с Node.JS, но что насчет более мейнстримного в веб-разработке PHP?

Я использую в связке с laravel, например для создания взаимосвязанных элементов форм. Вполне удобно, но очень хочется все сделать spa (потому как очень удобно все делать в одном месте). А тут уже получается требование server side рендеринга для поисковых ботов, что невозможно без nodejs.

Стоит ли им пользоваться, если да, то в каких типовых задачах можно раскрыть как можно больше его потенциала?

Стоит. Любая задача, где отображаемые данные зависят от ввода пользователя. Даже корзина интернет магазина с кнопками изменения количества и удаления - даже если каждая из них шлет данные на сервер по ajax. Формы из нескольких этапов, всякие калькуляторы и прочее и прочее.

Comments

[VegasChickiChicki]

Можете подробнее объяснить про SSR Vue и Node.js? Почему с использованием php не получится ssr?

[Антон Антон]

VegasChickiChicki, дело не конкретно в ssr, а в том, чтобы формировать страницу, отдаваемую пользователю, с помощью того же vue.
Например, когда мы загружаем первую страницу (ну, или при переходе из внешнего источника например email на не первую), мы получаем уже готовый html с сервера. а для перехода на вторую - мы просто загружаем json с данными второй страницы и vue подставляет его вместо первого. Так вот, на этом месте мы имеем, что мы дожны либо реализовывать дважды рендеринг страицы (на стороне клиента и на стороне сервера), либо рендерить все и на стороне сервера и на стороне клиента одним кодом.

Есть промежуточный вариант: вставлять на стороне сервера в vue компонент JSON с данными (например в larevel в виде см рендеринг JSON ) и рендерить все на стороне клиента, но вроде бы, такой подход не очень любят поисковики.

Answer 2

[Алекс Глебов]

Это jquery нужна была чтобы кросс-браузерно работать с dom. Vue же - полноценный фреимворк. Нужен для четкой структуры и архитектуры приложения. Решает базовые задачи, такие как синхронизация интерфейса с данными, рутинг. Вносит модульность, что дает легкое повторное использование и инкапсуляцию данных, стилей, разметки.

Нода нужна для vue как среда разработки и для ssr, но это фронтендеры запарятся. На чем делать бекенд api вообще все равно т.к это отдельное приложение. Ssr на php так же нельзя сделать, как и yii2 запустить на js.

Vue существует с 2014 года, стремительно набирает популярность. Гитлаб и алиэкспрес на нем работают.
Подходит для любых задач, где есть аякс и нужно динамически менять интерфейс. Начиная с корзины, фильтров и до любых spa.

Есть сравнение с react и angular, но это чисто для фронтендеров.
https://www.youtube.com/watch?v=FFZfmIQ9I44
https://www.youtube.com/watch?v=kuHSJNxNFQw
Ну и для первого приложения vue лучше всего подходит, тут даже думать нечего.

Comments

[yazy]

И какю четкую архитектуру навязывает Vue?

Answer 3

[777Polar_Fox777]

Vue - это не очень качественный клон React, созданный китайцем)

Comments

[Dmitry Barkowski]

Такой же "не очень качественный" как и "не очень качественный" комментарий.