Как организована реактивность во Vue 3? Расскажи про ref и reactive.

Во Vue 3 reactive отслеживает чтение и изменение свойств через Proxy, а ref предоставляет реактивное значение через .value.

При чтении в реактивном эффекте регистрируется зависимость, при изменении уведомляются потребители и планируются обновления. Объект внутри обычного ref также может стать глубоко реактивным. Деструктуризация примитивного поля reactive в простую переменную разрывает доступ через прокси; для сохранения связи подходят toRef/toRefs.