К содержанию

Tutorial Principal de Vue3

Tutorial sobre el framework JavaScript Vue3. Para principiantes. Mucha teoría y tareas.

Уроки

Introducción al framework Vue

Instalación del framework Vue

Estructura de un componente Vue

El objeto data en Vue

Trabajo con atributos en el framework Vue

Ejecución de código en las vistas de Vue

Arreglos en Vue

Objetos en Vue

Trabajo con métodos en el framework Vue

Asignación de manejadores de eventos en Vue

Trabajo con data dentro de métodos de Vue

Métodos auxiliares en Vue

Pasar parámetros a un método en Vue

Reactividad en el framework Vue

Propiedades Computadas en Vue

Modificadores de eventos en el framework Vue

Condiciones

Renderizado Condicional en Vue

Inversión de condición en Vue

Condición Reactiva en Vue

Alternar elementos en Vue

Cambio de texto al alternar en Vue

Directiva v-else en Vue

Condiciones complejas en Vue

Directiva v-else-if en Vue

Grupos condicionales en Vue

Directiva v-show en Vue

Bucles

Iteración de arrays en Vue

Obtención de claves al iterar arrays en Vue

Iteración de objetos en Vue

Iteración de grupos de etiquetas en Vue

Iteración de arrays de objetos en Vue

Bucle en un rango en Vue

Condiciones en bucles en Vue

Атрибут key en Vue

Reactividad de arrays en Vue

Estilos

Estilización de un componente en el framework Vue

Атрибут class en el framework Vue

Objeto con clases CSS en Vue

Reactividad de objetos con clases CSS en Vue

Objeto inline con clases CSS en Vue

Clases CSS a través de data en Vue

Estilización a través del atributo style en Vue

Formularios

Enlace de datos bidireccional a inputs en Vue

Obtención de datos de formulario por evento en Vue

Trabajo con textarea en Vue

Trabajo con checkbox en Vue

Matriz de valores de checkbox en Vue

Trabajo con radio en Vue

Trabajo con select en Vue

Creación de select en un bucle en Vue

Bloqueo de elementos en Vue

Modificadores de teclas en el framework Vue

Formulario para agregar elementos a un arreglo en Vue

Botón para eliminar elemento de un array en Vue

Botón para eliminar de un array de objetos en Vue

Formulario para editar un array de objetos en Vue

Componentes

Trabajo con componentes en Vue

Creación de componentes hijos en Vue

Transferencia de datos a un componente en JavaScript

Transmisión de datos de cualquier tipo en Vue

Transmisión de propiedades del objeto data en Vue

Especificación de tipos de props en Vue

Creación de componentes en bucle en Vue

Flujo de datos unidireccional en Vue

Emisión de eventos en Vue

Parámetros de eventos en Vue

Emisión de eventos en atributos en Vue

Eliminación reactiva de componentes en Vue

Edición Reactiva de Datos de Componentes en Vue

Componente para agregar datos en Vue

Proyectos

Proyecto Lista de Verificación en Vue

Proyecto Bloc de notas en Vue