Desde el auge del mobile, las empresas prefieren desarrollar aplicaciones reactivas. Este tipo de desarrollos ha predominado, lo vemos tanto en un sitio web, como en una app mobile; ya sea al 100% o en algunas partes. En cualquier caso necesitamos una herramienta que nos facilite este tipo de creaciones y nos permita reusar lo que ya hayamos hecho. Dificultad Incluye PC Garantía de Aprendizaje
Estructura de una aplicación componentizada
DOM Virtual y componentes
Eventos
Datos
Aplicaciones reactivas del mundo real
Componentes
Utilización
Concepto. Cómo crearlos ?
Por qué conviene usarlos ?
La aplicación como un componente de componentes
Ciclo de vida
Montaje vs. creación
Actualización y sincronización
Activacion y desactivacion
Templates
La necesidad de un ?parent?
Template como parte del componente
Usando un template externo
Sintaxis para el template
Atributos
Expresiones
Directivas
Manejo de Datos
Propiedades
Usar atributos para setear propiedades
Validación y valores por defecto
Propiedades computadas o virtuales vs observadas
Scopes
Acceder a los datos del root y del parent
Entregar datos a otros componentes
Datos compartidos
Métodos
Heredar y crear comportamientos
Detectar eventos del teclado
Mixins: técnica para importar comportamientos
Eventos
Invocar métodos en un evento
Emitir eventos
Escuchar eventos
Formularios
Directivas
Asociar un campo a una propiedad
Renderizar campos dependientes de otros
Valores por defecto
Eventos
Validación en tiempo real
Persistir datos
Reconstruir el último estado formulario
Manejo de estilos
Estilos como atributos
Clases CSS dinamicas
Directivas
Transiciones
Renderizado condicional
Utilidades
Extension
Incorporar una librería externa
Enviar y recibir datos con AXIOS
Herramientas
Configuraciones iniciales para debug
Extensión Vue Devtools para Chrome