В чём разница между ref и reactive во Vue, включая работу с объектами и последствия замены объекта?

Ref хранит заменяемое .value и поддерживает примитивы и объекты; reactive возвращает Proxy объекта и требует сохранять связь потребителей с ним.

Замена ref.value уведомляет зависимости. Присваивание переменной с reactive нового объекта не меняет ссылки, уже переданные другим частям. Обычный ref глубоко оборачивает объект, shallowRef — нет. Выбор должен учитывать деструктуризацию и способ передачи данных в функции.