Стоит ли использовать vue js для ленивой реализации js плюшек верстальщику?

Question

[Worddoc]

Часто надоедает рутинное манипулирование DOM через js для создания простых интерактивных вещей и подумываю о том, чтобы найти js решение с model view связкой. Vue не шаблонизатор, но вроде лёгкий и легко решает проблему. Как думаете, обосновано ли это и какие возможные решения есть?

Comments

[Islam Ibakaev]

в последнее время тоже об этом думаю)
некоторые проекты (особенно сложные) просто напрашиваются на подключение вью

Answer 1

[Александр Аксентьев]

очень решает все банальные задачи vue, прям вообще.

Можно наконец-то забыть про жиквери.

https://github.com/S-anasol/hostdbviewer/blob/mast...
вот например наколенная поделка, на нативе это было бы горазно сложнее и дольше.
на жиквери тоже непойми как.

Единственный минус конечно это сборка, а в целом намного удобнее всего что есть.

Comments

[Islam Ibakaev]

сборка не обязательна

[Александр Аксентьев]

Islam Ibakaev:
.vue файлы вроде так просто не кинуть браузеру.

[bro-dev]

А вы попробуйте отверткой забивать гвозди, тоже будет потом "Можно наконец-то забыть про отвертку".

[Evgeny Kulakov]

Александр Аксентьев: напрямую нет, но можно попробовать их собрать в либу и подключить. И почему не использовать строковые шаблоны или определенные через text/x-template?

[rinatoptimus]

Александр Аксентьев: одним скриптом по CDN можно же подключить. Или это не то?

[Александр Аксентьев]

bro-dev: для его же тогда жикверь, если не для работы с DOM/событиями т.д.? Автор про это спрашивает.

надоедает рутинное манипулирование DOM через js для создания простых интерактивных вещей

Evgeny Kulakov: не пробовал, со сборкой проблем нет в общем-то :)
rinatoptimus: подключить можно, но если использовать Single File Components(.vue) в которых es6 и всё такое, то нужен babel.

В целом я не фронтенд разработчик, поэтому такая простая и мощная штука мне очень понравилась, дабы не сидеть с динамикой на фронте через кучу костылей, а делать всё за какие-то минуты.

Answer 2

[Дмитрий Беляев]

Однозначно да
Мы в своей команде за неделю обучили премудростям vue нашего верстальщика, слабо знакомого с js, и как результат сильно разгрузили полноценных фронтендеров

Comments

[rinatoptimus]

Нет ли каких-нибудь примеров? Вживую посмотреть.

[Дмитрий Беляев]

rinatoptimus: примеров чего?

[rinatoptimus]

Например, так мы реализовали меню, вот так акордеон, вот так слайдер.

Answer 3

[Константин Китманов]

VueJS это Angular без неудачных решений типа очень кривого DI, скоупов, упоротых директив и ненадежной проверки изменений.
VueJS это React без завиральных идей типа JSX и иммутабельности.
VueJS это jQuery без спагетти-кода и легаси, зато с декларативностью и поощрением модуляризации кода.

При всем этом в минимальном варианте достаточно подключить на страницу один скрипт с CDN и не морочиться с webpack или, прости господи, gulp.