Почему не работает Object.assign()?

Question

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

Изучаю, как работает модификатор sync

https://jsfiddle.net/5a39Lpyx/2/

Объясните, почему не работает вариант с Object.assign и работает с обычным присваиванием?
И почему так странно "не работает"?

Answer 1

[Дмитрий Беляев]

Событие не то кидаете
https://jsfiddle.net/bingo347/5a39Lpyx/3/

Comments

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

Тогда почему работает с присваиванием?

[Дмитрий Беляев]

Антон Антон: очевидно срабатывает логика из Vue1 и компоненты имеют общую ссылку на объект

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

Дмитрий Беляев: я правильно понимаю, что следует пользоваться assign?

[Дмитрий Беляев]

Антон Антон: как Вам удобнее, нужно только учитывать, что Object.assign - часть стандарта es2015, для старых браузеров потребуется полифил

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

Просто из документации я понимаю, что в update надо отправить plain object, но вот как его получить - непонятно. Object.assign также дает "реактивный" объект. Присваивание - вообще меняет все как надо. Или sync вообще не нужен для непримитивных типов и для них так все будет работать?
https://jsfiddle.net/5a39Lpyx/4/

[Дмитрий Беляев]

Антон Антон: Вообще, по-хорошему, компонент должен быть песочницей, и воздействовать на родителя не очень то хорошо, черевато багами
Хорошей практикой считаю:
Данные из вне получаем через props
Изнутри эти данные не меняем
Делаем мэпинг данных в локальные, возможно с подстановкой дефолтных значений, либо внутри функции data() (не будет работать биндинг), либо внутри вычисляемых свойств
Для уведомления родителя пользуемся событиями