Зачем нужен Vue — объясните на пальцах?

Question

[Дмитрий Христоев]

Хочу понять, зачем нужен Vue? Можете ли объяснить на пальцах. Как он может пригодится верстальщику с опытом, но не глубокими знаниями js.
Спасибо.

Answer 1

[Богдан Духевич]

Если прям на пальцах, то вот:
Vue.js нужен для быстрой перерисовки того или иного участка интерфейса. Вместо работы напрямую с DOM, мы работаем с данными (Data), а все манипуляции с разметкой происходят уже автоматически благодаря реактивности и директивам. То есть, темплейты во Vue.js - это такой себе способ описать поведение вашей разметки с привязкой к данным - как меняется разметка при изменении данных, какие методы вызываются при том или ином событии (это тоже определяется в темплейтах). Почитайте что такое Data-driven подход, тогда намного все прозрачнее станет.

Это объяснение от верстальщика верстальщику :)

Answer 2

[4iloveg]

На пальцах: если ты использовал jQueryи знаешь для чего он. То vue позволит воплотить те же задачи, но с более быстрой скоростью работы скрипта. И больше возможностей, для которых на jquery пришлось бы написать много лишнего кода.

Comments

[Дмитрий Локшин]

Это хорошая новость, только как быть с кучей дополнений, которые есть под JQuery? Например, постоянно вижу такие сообщения: "А как использовать slick slider в Vue?", "Как подключить JQuery UI?", "Как использовать еще что-то из JQuery?" и т.д. и т.п.
И после таких вопросов сразу напрашивается встречный вопрос - а на кой тогда вообще пихать в проект Vue, если голова только и думает в направлении JQuery??
Или это относится только к таким разработчикам, которые хотят "на словах" казаться современными разработчиками, а на самом деле используют старые инструменты и не хотят обучаться новому?

[lonely_warrior]

Дмитрий Локшин, под vue действительно пока маловато готового. Но есть возможность скажем так обернуть компонент jquery в фольгу из vue. Так часто и делают.

[Виталий]

lonely_warrior, а зачем? тогда теряется сам смысл использования Vue или фреймворка в частности, тогда лучше не варить их вместе, а просто внедрить приложение vue в нужное место. Как говориться: "мухи отдельно, котлеты отдельно."

Answer 3

[Evgeny Kulakov]

Vue - фреймворк для разработки пользовательских интерфейсов. Вместе с некоторыми дополнениями позволяет создавать полноценные spa приложения. Т.е. прежде всего он служит именно для разработки интерфейсов, позволяя удобным образом организовывать взаимодействие между различными компонентами приложения. Далее такое приложение удобнее масштабировать и поддерживать. Все современные библиотеки/фреймворки фронтенд разработки сейчас преследуют примерно одну и ту же цель - масштабируемость, удобство поддержки, модульность.

Если вы занимаетесь, исключительно версткой и вам не нужно разделять ваш проект на какие-то компоненты, которые должны как-то взаимодействовать между собой, то он вам ни к чему.

Comments

[Дмитрий Христоев]

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

[Kostya_S]

Evgeny Kulakov Можете пояснить. Что есть компонент? Приведите пожалуйста пример компонентов которые взаимодействуют между собой.
Я занимаюсь версткой и разбиваю блоки на независимые модули благодаря БЭМ. Можно ли называть эти модули компонентами? Тоже хочу Vue попробовать, но ваш коммент сбил с толку.

[Finsh]

Kostya_S: Да, если Вы все делаете по БЭМу, то у Вас все отлично ляжет в компоненты

[Evgeny Kulakov]

Kostya_S:
Пример...
Возьмите список с быстрым поиском по нему, его можно представить в вид следующих компонентов:

<filtered-list>
  <search-field></search-field>
  <list></list>
</filtered-list>

Компонент <search-field> представляет собой поле ввода запроса. При изменении он отправляет событие с значением поля ввода. Компонент-родитель <filtered-list> обрабатывает это событие и отдает компоненту <list> список с элементами удовлетворяющими строке запроса. Схема взаимодействия компонентов здесь приведена для примера.

Answer 4

[uvelichitel]

Vue вроде как раз и нужен

верстальщику с опытом, но не глубокими знаниями js

что бы впихнуть немного js прямо в верстку.