Почему mounted не отрабатывает с первого раза?

Question

[Никита Кудинов]

Имеется компонент, в нём подгружаются повторяющиеся компоненты, в которые передаются данные в объекте. В методе mounted дочернего компонента изменяется объект (добавляется поле), потом по нажатии кнопки в дочернем компоненте объект записывается в глобальную переменную, но как я обнаружил записывается первоначальный объект, а после того как я изменю любую букву в дочернем компоненте, он пересоберётся и сразу mounted отработал и так каждый раз. Почему так?

UPD:
как я обнаружил если засунуть добавление поля в объект в setTimeout, то поле добавляется, но в консоли до метода добавления поля отображается что данные пришли.

Comments

[WapSter]

Максимально не понятно, что ты делаешь. Собери песочницу

[fallus]

WapSter, согласен. На данный момент подозрения на проблему в мониторе.

[Антон Антон]

изменяется объект (добавляется поле)

вот так?

Answer 1

[Даниил Попов]

Если я вас правильно понял, то вы в дочернем элементе изменяете (добавляете поле) объект пришедший от родителя. Так делать плохо, так как js передаются ссылки и у всех участвующих один и тот же объект.
Так же добавляя свойство в уже созданный объект напрямую, у вас не устанавливается реактивность. Правильно поля добавлять через Vue.set.
Но еще раз повторюсь, тут явно архитектурная проблема. Прикрепляйте код, посмотрим