Introducción
- Introducción
- Interpolación de mensajes
- Interpolación de mensajes
- Creación de métodos y su interpolación
- Enlazando propiedades
- Agregando eventos
- Computed properties
- Doble binding
- Modificadores de v-model
- Estilos dinámicos con objetos y clases
- Estilos dinámicos con clases y computed properties
- Los Watchers
Condicionales y listas
- Uso de v-if y v-else
- Etiqueta template
- Uso del v-show
- Renderizando listas con v-for
- Obteniendo el índice
- Renderizando una lista de objetos
Eventos
- Pasando argumentos a los eventos
- Usando el objeto event
- Múltiples eventos
- Modificadores de eventos
Desafio: Registro
- Descripción del desafio
- Introducción e instalación de Bootstrap
- Desarrollando la interfaz usando Bootstrap
- Agregando íconos y corrigiendo errores
- Nuevo usuario
- Actualización de usuario y modificaciones a las tablas
- Eliminar usuario y corrección de errores
- Mostrando error de correo existente
Introducción a los componentes
- Introducción a componentes
- Registro local de componentes
- Aclaración sobre el nombre de los componentes y el elemento raíz
- Ciclo de vida de los componentes
- Métodos ganchos y destrucción de componentes
Vue-CLI y componentes avanzados
- Instalación de Vue-CLI
- Estructura del proyecto
- La carpeta node_modules
- Creando nuestro primer componente
- Dando estilos a los componentes y uso del scoped
- Uso de refs
- Uso de props para comunicar padre e hijo
- Pase dinámico y estático
- Definiendo el tipo de tipo de los valores props
- Entendiendo la comunicación unidireccional de Vue
- Comunicación entre componentes padres e hijos con eventos
- Comunicación entre componentes padres e hijos usando funciones
- Comunicación entre componentes hermanos
- Creación de un bus para centralizar los eventos
Uso de los slots
- Definición de slots
- Slots con nombres
- Dando estilos a los slots
- Slot por defecto y contenido por defecto
- Manejando información con slots
- Componentes dinámicos
Directivas personalizadas
- Introducción y directivas v-html y v-text
- Hooks de las directivas
- Creando una directiva simple
- Mandando un valor a nuestra directiva
- Mandando un argumento a nuestra directiva
- Modificadores en nuestras directivas
- Registrando directivas de forma local
Filtros y mixins
- Filtros locales
- Enviando parámetros extras a los filtros
- Filtros globales
- Mixins locales
- Conflictos de mixins
- Mixins globales
Material Design y Vuetify
- Introducción a la sección
- Instalando Vuetify
- Estructura del proyecto
- Toolbar - Barra de herramientas
- Navigation Drawer
- Aplicaciones responsive y sistema de cuadrículas
- Contenido flexible y v-content
- Visor de albumes con v-card
- Iniciando con los data tables
- Manejo avanzado de data tables
- Formularios
Creación de rutas con Vue-Router
- Introducción a los SPA
- Instalación de VueRouter y nuestra primera ruta
- Navegando de una ruta a otra
- Llamando a una API para traer información
- Mandando y leyendo parámetros
- Rutas anidadas
- Navegación programática
- Queries
- Redireccionamientos
- Eliminando el # de la ruta
