Función de configuración de Vue 3

 En este ejemplo, aprenderemos sobre la setup()función en Vue 3.

¿Cuál es la Setupfunción en Vue 3?

Vue 3 introdujo la API de composición como una alternativa a la API de opciones en Vue 2 para escribir componentes.

Un componente de Vue 3 debe tener una setup()función que forme parte de la API de composición. Esta función se ejecutará antes de crear el objeto componente. Como efecto secundario this, que se refiere al componente en sí, no está disponible en la setup()función.

¿Por qué utilizar el Setupmétodo Vue 3 ?

En el cuerpo de la setup()función, puede declarar las propiedades de los datos, los métodos calculados, los métodos de observación y cualquier método JS necesario que necesite el componente.

Luego devolverá un objeto que contiene todos los métodos públicos y las propiedades de los datos a los que puede acceder desde la plantilla del componente.