Saltar al contenido

Vue pestañas tutorial-dinámicamente cambiar componentsNov, 29thIn este tutorial, vamos a aprender acerca de cómo dinámicamente …

marzo 13, 2020

 

En este tutorial, vamos a aprender acerca de cómo cambiar de forma dinámica a partir onecomponent a otro componente mediante la creación de una interfaz con pestañas con Vue.js.

Introducción

Vamos a crear un nuevo proyecto mediante el uso de vue vue-cli.

Abrir el terminal y ejecute el comando siguiente para crear un proyecto de vue.

vue create vue-tabs

Este comando anterior se descarga los archivos vue relacionada dentro de la carpeta vue-pestañas.

Ahora cambiar el directorio de trabajo actual ejecutando el siguiente comando.

cd vue-tabs

Ahora abra la carpeta del proyecto vue-pestañas en su editor de código favorito.

Creación de componentes de

Let crear dos nuevos componentes llamados Inicio y contacto dentro de nuestra carpeta de componentes.

principal componente