Del curso: Vue.js esencial

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.200 cursos impartidos por expertos del sector.

Sintaxis básica de un componente utilizando Composition API

Sintaxis básica de un componente utilizando Composition API - Tutorial de Vue.js

Del curso: Vue.js esencial

Sintaxis básica de un componente utilizando Composition API

El Options API y el Composition API son sintaxis que podemos utilizar para escribir el código de un componente en Vue. El Composition API fue introducido en la versión 3 de Vue y este trajo mayores cambios en la manera como se declaran valores reactivos, propiedades computadas, props y demás. En esta lección, te voy a explicar de manera general cómo se escribe un componente utilizando Composition API. Me voy a enfocar específicamente en el código que se escribe dentro del script tag, ya que el código dentro del template no cambió mucho en la versión 3 de Vue. Yo aquí me encuentro en la página oficial de la documentación de Vue. Uno de los mayores cambios que trajo el Composition API es la introducción de la función setup. Recordando que en el Options API nosotros declaramos cada uno de los elementos como computed, data y demás como propiedades dentro del objeto del componente. Lo mismo no se hace en Composition API, ya que todas estas propiedades fueron reemplazadas por la función…

Contenido