¡Hola, Vue! 14
Configurar el entorno 16
Instancia Vue . 18
Instancias Vue 20
Ciclo de vida .. 22
Data binding .. 24
Watch . 26
Computed properties . 28
Métodos 30
Componentes de la instancia 32
Eventos .. 34
Renderizar HTML . 36
Vincular propiedades . 38
Condicionales 40
Listas 42
Enumeración de propiedades 44
Filtros . 46
Renderizar solo una vez 48
Mouse move 50
Directivas personalizadas . 52
Directivas personalizadas II 54
Directivas personalizadas III .. 56
Directivas personalizadas IV .. 58
Componente .. 60
Componente parametrizables 62
Componente Tipo Propiedades 64
Cambiar valor de props . 66
Reactividad Data .. 68
Reactividad NextTick . 70
Directiva v-show vs v-if 72
Bucle v-for y key .. 74
Bucle atributos y rango . 76
Peticiones Fetch 78
Contexto This 80
Promesas .. 82
Conjunto de Promesas .. 84
Inline templates 86
Slots . 88
Transiciones/Animaciones I 90
Transiciones/Animaciones II .. 92
Instalación NodeJs .. 94
Nuevo proyecto con Vue CLI 3 . 96
Estructura del proyecto . 98
Compilar en desarrollo y producción . 100
Variables de entorno y ejecución .. 102
CLI Service scripts y servidor http 104
Componente - App, Librería y WC . 106
Despliegue en Servidor de Aplicaciones 108
Instalación Vue Router y Modos 110
Carga óptima de Ruta y navegación 112
Rutas dinámicas . 114
Rutas anidadas 116
Navegación desde código .. 118
Protección global de rutas . 120
Protección en ruta y componente 122
Vuetify Diseño menú lateral 124
V-Toolbar y rutas de navegación 126
Crear Tablas .. 128
Selección de filas en tabla . 130
Comunicación Hijo a Padre y Snackbar 132
Diseñar y visualizar ficha .. 134
Vuex, primeros pasos .. 136
Vuex - Getters . 138
Vuex - Mutaciones 140
Vuex - Acciones . 142
Vuex - Mo?dulos . 144
Vuex - Plugin Logger . 146
Vuex - Persistencia estados al refrescar .. 148
Vuex - Persistencia en Cookies .. 150
Vuex - Subscriptores 152
Axios - Comunicación con Servidor .. 154
Axios - Cancelar solicitud . 156
Axios - Interceptor de solicitudes . 158
Axios - Interceptor Respuestas 160
Axios - Post .. 162
Axios - PUT .. 164
Axios - Delete .. 166
Comunicación - Padre - Hijo . 168
Comunicación - Hijo - Padre . 170
Comunicación - Hijo - Padre por Callback . 172
Comunicación - Entre hermanos . 174
Comunicación - Bus de eventos 176
Comunicación - Mensajería Global 178
Comunicación bidireccional .. 180
Formulario - Campo Texto .. 182
Formularios - Email con validación 184
Formularios - Fechas moment 186
Formularios - Opciones Checkbox .. 188
Formularios - Opción única Radiobutton 190
Formularios - Combobox . 192
Formularios - Campo Personalizado .. 194
Formularios - Validación Vuelidate . 196
Formularios - Validación personalizada 198
Pruebas Unitarias - Jest .. 200
Pruebas Unitarias - Creación .. 202
Pruebas Unitarias - Props .. 204
Pruebas Unitarias - Aislar componentes 206
Pruebas Unitarias - Mock de Vuex 208
Pruebas Unitarias - Router 210
Pruebas desde UI 212
¿Se ha planteado en algún momento desarrollar aplicaciones SPA pero no ha sabido con qué framework iniciarse? Existen muchos, ¿verdad?
Si le contara que la curva de aprendizaje de desarrollar aplicaciones en Vue es mucho menor que el tiempo invertido en aprender React o Angular, ¿se animaría?
Vue, pese a llegar el último al mercado, ha adoptado las buenas prácticas de Angular y React, además de aportar su granito de arena. Con Vue rápidamente podrá desarrollar desde las aplicaciones más sencillas hasta las más complejas. Solo deberá aprender el framework e incorporar otros conocimientos, como TypeScript.
Gracias a los 100 ejercicios prácticos de este libro:
Aprenderá los principios básicos de Vue
Estudiará el framework
Conocerá el desarrollo orientado a componentes
Aprenderá la comunicación entre eventos
Utilizará almacenes de estados de los componentes mediante Vuex
Conectará con servidores remotos mediante Axios
Estudiará los distintos modos de compilación de aplicación y componentes
Reutilizará los componentes desarrollados en Vue, en otros frameworks
Realizará pruebas unitarias mediante Jest
Si ya conoce otros frameworks, verá que Vue tiene muchas similitudes con el resto y le costará muy poco aprenderlo. Si no conoce ninguno, solo necesita saber JavaScript y HTML. Fácil, ¿no? ¡Anímese y aprenda Vue de un modo sencillo!