Какой подход к изменению данных использует Vue, мутабельность или иммутабельность?

Question

[Руслан]

Поясните, пожалуйста, как правильно писать приложения на vue?

В документации к React авторами фреймворка рекомендуется использовать иммутабельность (https://ru.reactjs.org/tutorial/tutorial.html#why-... по их мнению – это самый правильный способ построения приложений, их позиция однозначно понятна.

Во Vue есть директива v-model (https://ru.vuejs.org/v2/api/#v-model) которая обеспечивает двустороннее связывание, что является подходом через мутации. При этом при работе с компонентами используется для передачи данных в компоненты свойство props а для возврата – события (это очень похоже на то, как рекомендуется в React), и если внутри компонента мы все же будем использовать привязку данных к элементам интерфейса (например к ) данные через v-model, то изменения в дочернем компоненте все равно повлияют на данные в родительском компоненте и все равно получиться подход через мутации.

Правильно ли я понимаю что во Vue рекомендуется подход через мутации или все таки у этих двух фреймворков подход одинаковый?

Comments

[Анатолий]

v-model - это же просто синтаксический сахар для одностороннего биндинга :value и обратного события @input, по которому и меняем в родителе исходное значение. Никто не мешает написать раздельно и в обработчике для @input нагородить свой огород.