ref и reactive

ref оборачивает значение в реактивный объект, позволяя отслеживать его изменения и автоматически обновлять UI.

Особенности работы:

• Обертка в объект: ref всегда возвращает объект со свойством .value
• Реактивность: Vue отслеживает изменения .value
• Автоматическая распаковка: В шаблонах не нужно использовать .value(Unwrap)

Разница между ref и reactive

ref:

• Работает с любыми типами данных
• Использует .value для доступа
• Можно переприсваивать полностью

reactive:

• Только для объектов/массивов
• Прямой доступ к свойствам
• Нельзя переприсвоить полностью