Saltar al contenido

Introducción a los componentes Vue.js con examplesFeb, 14thIn este tutorial, vamos a aprender acerca de cómo crear componentes en Vue …

marzo 13, 2020

 

En este tutorial, vamos a aprender acerca de cómo crear componentes en Vue.js.

¿Cuál es componente?

Un componente es una pieza de código reutilizable que significa que creamos una vez y volver a utilizarlo a lo largo de nuestra aplicación vue.

por ejemplo, botones, pie de página, encabezado.

Introducción

En primer lugar, estamos bootstrapping nuestra aplicación vue.js mediante el uso de la herramienta de línea de comandos vue.

Abrir el siguiente comando en el terminal y correr.

vue create vue-app

Este comando anterior descargar los archivos necesarios en la carpeta vue aplicación.

Cambiar el directorio de trabajo mediante el uso de CD-vue aplicación a continuación, abra la carpeta del proyecto mediante el uso de su editor de código favorito.

dentro de la carpeta src navegar al archivo App.vue que es un componente vue raíz. Ahora

eliminar todo lo presente en nuestro fichero App.vue y vamos a escribir desde cero.

En todos los componentes Vue tenemos que declarar tres etiquetas importantes que son