Что возвращает переменная, созданная с помощью метода ref()

Возвращает реактивную ссылку (ref object) с единственным свойством .value, которое содержит переданное значение. При изменении .value Vue автоматически отслеживает обновления и перерисовывает компоненты.

import { ref } from 'vue';

const count = ref(0);
console.log(count.value); // 0

count.value++; // реактивное изменение

Особенности:

• Для примитивов создает реактивную обертку
• В шаблонах автоматически разворачивается (не нужно писать .value)
• При передаче в реактивные структуры (reactive, props) также разворачивается