В чем разница между ref и reactive? Когда и что использовать?

ref подходит для отдельного значения и допускает его замену через .value; reactive удобен для связанного объекта, чья ссылка остаётся стабильной.

Обычный ref поддерживает примитивы и реактивные объекты; reactive принимает объект и возвращает Proxy. При деструктуризации свойств reactive легко потерять связь, поэтому используют toRefs или доступ через объект. Выбирайте единый понятный стиль и учитывайте, что шаблон и JavaScript по-разному работают с разворачиванием refs.