Одно из интересных нововведений Vue 3 это composition API. Com | 🇺🇦 Math.random(): javascript community

Одно из интересных нововведений 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