Что хотелось бы отметить, чтобы к этому вернуться.

Про разницу реактивности во Vue 2 и Vue 3

Как мы знаем в JavaScript объекты передаются по ссылке. И если мы меняем поле в объекте или массиве это не всегда очевидно для Vue. Кстати, когда в свое время перешли с var на let и const, для меня было удивительно, что можно в const записать объект, а потом его без проблем менять.

Во Vue 2 для отслеживания обращений к полям объекта Vue навешивал на свойства объекта геттеры и сеттера. По сути, это не очень хорошо, потому что Vue вмешивался в структуру исходного объекта. Но такая реактивность работала более очевидным образом.

Во Vue 3 появляется объект-обертка Proxy для отслеживания обращений к объектам. Благодаря этому объекты остаются более "чистыми", но реактивность начинает работать по другому.