Skip to content
Level 1 of 3 · ref, reactive, computed and destructuring

Refs and reactive

The basics: what Vue tracks, and the copies it cannot see.
0 / 8
<script setup>const count = ref(0) function add() {  count.value++}</script> <template>  <p>{{ count }}</p>  <button @click="add">+1</button></template>
Round 1 of 8
Preview

0

The user clicks +1. Does the page update?