Dans le chapitre précédent on a vu le concept de ref() qui sont des variables réactives qui peuvent être observée par Vue.js pour synchroniser la structure du DOM. On aura parfois besoin de dériver une valeur à partir d'une ref. On pourra dans ce cas là utiliser la méthode computed() qui permet de générer une nouvelle valeur réactive qui évoluera quand la variable interne utilisée change.
import {ref, computed} from 'vue'
const count = ref(0)
const double = computed(() => count.value * 2)Dans ce cas là, la variable double peut être utilisée dans la partie <template> et se mettra à jour dès que la valeur de count changera.
