Как правильно записывать данные в масив по ключу и не терять реактвиность?

Question

[Кирилл Петров]

Здравствуйте. Пытаюсь писать красивый код, но не получается. Не пойму как правильно расставлять ссылки на объекты в массиве, что бы не копипастить их по сто раз в память и не страдать от написания логики соблюдения связей.

Вот пример на JSFiddle: https://jsfiddle.net/m34qhexv/
Верхняя форма, как хотел бы обращаться к объектам, но не работает и не меняет данные.
Нижняя работает.

Как правильно описывать связи для реактивности но не описывать каждый ключ поля?

А вообще полная задача, я получаю рандомный список полей из API и хочу иметь возможность его редактировать адресно по ключу в разлиных частях компонентах указывая переменную в v-model

Answer 1

[Rsa97]

Comments

[Кирилл Петров]

Да, пример упростил слишком. Дело в том что при монтировании компонента ещё неизвестны данные. И колбека на их получения нет. Как поступать в таком случае?

[Rsa97]

Кирилл Петров, Так вы же получаете данные из API. Вот в момент получения и создавайте объект со ссылками.
Если же данные получаются в родительском компоненте, а обрабатываются в дочернем, то лучше использовать стандартную схему - передавать данные в props и работать с их копией, возвращая результат через emit.

[Кирилл Петров]

Rsa97, хорошо спасибо! Тут ещё дело в том, что я создал js файл, в нём описал логику работы с API импортировал его, а реактивность обратно в исходные данные не проходит... Буду пробовать дальше. Благодарю за ответ!

Answer 2

[AndromedaStar]

В догонку ещё напомню, что у computed есть getter и setter. Обычно новички об этом забывают и городят страшные конструкции.

Comments

[Кирилл Петров]

Да, только метод get не детектирует изменение дочернего элемента. Только главного.