VueJS как синхронизировать данные при обновление объекта, который используется в нескольких vue-элементах?

Question

[f1nef1ne]

Здравствуйте.
Есть страница заказа и я с помощью PHP и json_encode передаю данные из БД в переменную order.
На странице созданы несколько vue-элементов, которые в параметре data принимают данный объект order. При сохранении заказа выполняю ajax с помощью axios, а в ответ получаю данные заказа после сохранения и присваиваю переменной order полученные данные. После этого данные в vue-элементах обновляются, но связь с объектом order потеряна. То есть, если я укажу что-то вроде orderVM.order.id = 0, то order.id не изменяется.
Как можно сохранить связь, но при это полностью обновить объект order после ajax запроса?

Answer 1

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

Object.assign(order, newOrderData);

Comments

[f1nef1ne]

Премного благодарен!

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

f1nef1ne, маленькое уточнение: Object.assign делает "не глубокое" слияние объектов. Так что если есть вложенные объекты и массивы, то похожие проблемы могут всплыть в других местах.