Detalle del libro
Ver Índice
¡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!