Vue 3: в чём фундаментальная разница между `ref` и `reactive`, в том числе в их работе под капотом?

Reactive создаёт Proxy объекта, а ref предоставляет отслеживаемое .value; обычный ref также делает вложенный объект реактивным.

Короткий ответ

Что ответить на собеседовании

Reactive создаёт Proxy объекта, а ref предоставляет отслеживаемое .value; обычный ref также делает вложенный объект реактивным.

Подробный разбор

Ответ с пояснениями

Reactive создаёт Proxy объекта, а ref предоставляет отслеживаемое .value; обычный ref также делает вложенный объект реактивным.

Ref удобен для примитивов и замены целого значения. Reactive удобен для набора свойств, но замена переменной не перенаправит старые ссылки. Оба участвуют в отслеживании зависимостей при чтении и уведомлении при записи; shallow-варианты намеренно ограничивают глубину.

ИИ-помощник для собеседований

Хочешь уверенно проходить собеседования?

Попробуй ИИ-помощник для собеседований: слышит вас и собеседника, анализирует экран, подсказывает ответы в реальном времени, работает без VPN и не попадает в захват экрана.

Подробнее