Идея в том что ref() задумывался для обозначения реактивных примитивов, а reactive() для реактивных объектов.
const myVar1 = ref(true) const myVar2 = ref(14) const myVar3 = ref('Hello!') console.log(myVar1.value) // так мы получаем доступ к значению ref()
const myVar4 = reactive({name: 'Bob', age: 32}) console.log(myVar4, myVar4.name, myVar4.age) // так …