Что такое ref и reactive во Vue 3 и в чём их отличия?

ref — оболочка с value для любого значения, а reactive возвращает Proxy для объектного значения с отслеживанием операций над ним.

ref с объектом обычно делает его содержимое глубоко реактивным; reactive не предназначен для отдельного примитива. При деструктуризации примитивного поля reactive можно потерять реактивную связь — помогают toRefs или getter. Для замены всего значения ref часто удобнее.