Vue 3 y Composition API con TypeScript basado en clases
En este tutorial vamos a ver lo sencillo que es crear un sencillo listado utilizando Vue 3 y Composition API con TypeScript, pero en este caso utilizando clases en lugar de objetos como hacemos normalmente con Vue. Instalar Axios con VueUse Lo primero que necesitamos hacer es instalar las dependencias que vamos a utilizar, en este caso utilizaremos Axios a través de VueUse.
Consumir API JSONPlaceholder con Vue 3
Ahora vamos a crear un sencillo archivo con una función que sea capaz de consumir un endpoint de la API de JSONPlaceholder.
Crear Composable con Vue 3 para gestionar Todos
Una vez tenemos una función que se encarga de obtener los datos de la API, vamos a crear un composable para poder interactuar más adelante desde nuestra clase.
Crear componente TypeScript para listar los Todos
Para finalizar el ejemplo, vamos a crear un componente con Vue 3 y TypeScript utilizando clases.
No olvides crear la template para renderizar los Todos, si tienes dudas revisa esta entrada.