Потеря реактивности во VueJs
Самые частые случаи потери реактивности: - Деструктуризация значения props или ref, reactive. - Передача в composables значения без явного объявления реактивности (toRef) - Копирование через spread / Object.assign - JSON.parse(JSON.stringify(state)) - Работа с массивами вне реактивного контейнера. Пример: создаем ссылку на ref свойство и push туда нового элемента. Изначальный ref его не увидит.
Общая идея одна и та же: Как только ты «вытащил» значение из ref/props/reactive в обычную переменную/объект и дальше используешь её, а не исходный контейнер - реактивность на этом месте закончилась.