¡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!