Tutorial Principal de Vue3
Introducción al framework
Instalación del framework
Estructura del componente
Objeto data
Trabajo con atributos
Ejecución de código en las vistas
Arrays
Objetos
Trabajo con métodos
Vinculación de manejadores de eventos
Trabajo con data dentro de métodos
Métodos auxiliares
Paso de parámetros al método
Reactividad
Propiedades computadas
Modificadores de eventos
Condiciones
Mostrar condicionalmente
Invertir condición
Condición reactiva
Alternar elementos
Cambiar texto al alternar
Directiva v-else
Condiciones complejas
Directiva v-else-if
Grupos condicionales
Directiva v-show
Bucles
Iteración de arrays
Obtención de claves al iterar arrays
Iteración de objetos
Iteración de un grupo de etiquetas
Iteración de un array de objetos
Bucle en un rango
Condiciones en bucles
Atributo key
Reactividad de arrays
Estilos
Estilización de componentes
Atributo class
Objeto con clases CSS
Reactividad del objeto con clases CSS
Objeto en línea con clases CSS
Clases CSS mediante data
Estilización mediante el atributo style
Formularios
Enlace de datos bidireccional para entradas
Obtener datos del formulario por evento
Trabajar con textarea
Trabajar con casillas de verificación
Array de valores de casillas de verificación
Trabajar con botones de radio
Trabajar con selects
Formar un select en un bucle
Deshabilitar elementos
Modificadores de teclas
Formulario para añadir elementos a un array
Botón para eliminar un elemento del array
Botón para eliminar de un array de objetos
Formulario para editar un array de objetos
Componentes
Introducción
Creación de componentes hijos
Pasar datos a un componente
Pasar datos de cualquier tipo
Pasar propiedades del objeto data
Especificar el tipo de los props
Creación de componentes en un bucle
Flujo de datos unidireccional
Emisión de eventos
Parámetros de eventos
Emitir un evento en un atributo
Eliminación reactiva de componentes
Edición reactiva de componentes
Componente para agregar datos