Как сделать свойства объекта реактивными?

Question

[Дмитрий]

Здравствуйте. Мне приходит ответ с сервера вида

{
                id1: {
                    name: 'name',
                    value: 1245,
                },
                id2: {
                    name: 'name',
                    value: 1245,
                },
            };

Я распечатываю этот объект объектов через v-for в li, но при повторном запросе данных не происходит перерисовка. Из документации понял, что при инициализации на эти поля просто не добавляется реактивность, т.к. их еще нет. Как правильно добавить реактивность на эти поля? Использую Vue 3.

Comments

[Aetae]

Код свой покажи. Желательно урезанный до проблемного места.
В Vue очень простая система реактивнсти и чтобы она не работала сама по себе - это надо ещё извернуться.)

Answer 1

[Дмитрий]

В общем вся суть была в том, что приходящий ответ с сервера был не новым объектом, а мутировал один и тот же объект в обход прокси vue, по этому и не было перерисовки. Варианты решения: сделать приходящие данные реактивными, или

this.data = undefined; 
this.data = receivedData;

или
this.data = {...receivedData};