За счёт чего свойство стало реактивным?

Question

[Koksmos]

data выглядит так.

setSettings(data) {
                console.log('1')
                this.settings.edu_is_disable      = parseInt(data['edu_is_disable']) 
                this.settings.edu_glob_title      = data['edu_glob_title']
                this.oldGlobalEduTitle            = data['edu_glob_title']
                this.settings.icons_color         = data['edu_icons_color']
                this.settings.btns_bar_is_disable = parseInt(data['edu_bar_is_disable'])                
                this.settings.return_mat_link     = data['edu_return_mat_link']
                this.oldButtons                   = data['edu_bar_buttons']
                this.settings.edu_bar_buttons     = data['edu_bar_buttons']
                
                this.$forceUpdate()
            },

Как видим settings.edu_glob_title и oldGlobalEduTitle сетится одно значение, то же самое и settings.edu_bar_buttons и oldButtons.
Есть инпуты привязанные привязанные соответственно к .settings.edu_bar_buttons и settings.edu_bar_buttons.
Поля old.. , повторюсь, устанавливаются в одном месте и служат для хранения исходного состояния(вопросы логики и философии сейчас вторичны). Так вот меняя инпут
меняются так же значения в oldButtons, прямой связи между ними нет никакой. с title такого не происходит...
Не могу понять почему

Answer 1

[Alex]

Потому что объекты в JS так работают, не?

var obj1 = {foo: 'bar'}
var obj2 = obj1;

obj2.foo = 'not bar'
obj1.foo // 'not bar'

При присваивании объекта передаётся не значение, а ссылка на него.

Comments

[Koksmos]

но я же не делаю
this.oldButtons = this.settings.edu_bar_buttons
То есть работает такая схема?

[Alex]

Koksmos, Ну, вы делаете что-то в этом духе:

var data = {}
var old = data
var sett = data

Как итог, все три переменные ссылаются на один и тот же объект.

[Koksmos]

Понял,благодарю.
Может подскажешь тогда, есть ли во Vue какой то способ, трюк хранить исходное состояние, кроме, которого я использую? Пример - изменение настроек, подтверждение изменения, возврат к исходным в случае отмены.
У меня вроде работает, но чувствую можно по красивее сделать.

[Leorne]

Koksmos, лично я храню исходные состояния в буферных переменных.

[Koksmos]

Leorne, спасибо!