Одно из интересных нововведений Vue 3 это composition API. Composition API построена на методах ref() и reactive(), но не всегда понятно, что нужно использовать в каком месте. В данной статье понятным языком описана разница между ref() и reactive().

TL;DR
Объекты созданные с ref() данные хранят в поле .value, reactive() создает реактивный объект. 

const state = ref({
  isVisible: true,
});
state.value.isVisible // true

const state = reactive({
  isVisible: true,
});
state.isVisible // true

Что это дает - читайте в статье:

🔗 https://markus.oberlehner.net/blog/vue-3-composition-api-ref-vs-reactive

#article #vue3 #composition