Gestire lo stato ​

Cosa vuol dire gestire lo stato? ​

Tecnicamente, ogni istanza di componente Vue gestisce già il proprio stato reattivo. Prendiamo ad esempio un semplice componente contatore:

<script setup>
import { ref } from 'vue'

// stato
const count = ref(0)

// actions
function increment() {
  count.value++
}
</script>

<!-- vista -->
<template>{{ count }}</template>

<script>
export default {
  // stato
  data() {
    return {
      count: 0
    }
  },
  // actions
  methods: {
    increment() {
      this.count