Introducción a Vue 3 Composition API

¿Por qué Composition API?

Composition API ofrece mejor organización del código, reutilización de lógica y mejor soporte para TypeScript.

Setup Function

import { ref, computed } from 'vue'

export default {
  setup() {
    const count = ref(0)
    const doubled = computed(() => count.value * 2)
    
    function increment() {
      count.value++
    }
    
    return { count, doubled, increment }
  }
}

Composables

Los composables permiten extraer y reutilizar lógica:

function useCounter() {
  const count = ref(0)
  const increment = () => count.value++
  return { count, increment }
}