Ответ
Оба метода reactive и ref импортируются из Vue 3 Composition API.
reactiveсоздает реактивный объект (работает только с объектами/массивами).refоборачивает примитивы или объекты в реактивную ссылку (.valueдля доступа).
Пример:
import { reactive, ref } from 'vue';
const state = reactive({ count: 0 }); // Доступ: state.count
const num = ref(10); // Доступ: num.value
Разница:
refуниверсален (подходит для любых типов), но требует.value.reactiveне требует.value, но теряет реактивность при деструктуризации.