Sistemul de reactivitate din Vue 3 este complet decuplat de stratul de randare. El se bazează pe două primitive fundamentale: ref() (pentru valori primitive sau obiecte mutate complet) și reactive() (pentru obiecte complexeProxy-uite intern).
Composition API și Sistemul de Reactivitate în Vue 3: ref, reactive, computed și watchEffect în Vue.js & Nuxt
Ghid complet pentru reactivitatea în Vue 3: diferențele între ref() și reactive(), despachetarea automată în template, calculul eficient cu computed() și reacții la schimbări cu watch și watchEffect.
Sintaxă
const state = ref(0); watchEffect(() => console.log(state.value));