Del curso: Vue avanzado 1
Accede al curso completo hoy mismo
Únete hoy para acceder a más de 23.700 cursos impartidos por expertos del sector.
Observando objetos anidados - Tutorial de Vue
Del curso: Vue avanzado 1
Observando objetos anidados
En esta lección te quiero mostrar dos ejemplos de cómo observar cambios en las propiedades de un objeto y en elementos de un arreglo. En este ejemplo tengo un objeto que se llama 'persona' el cual contiene 'nombre' y 'apellido' y luego un arreglo con tres elementos. En pantalla puedes ver un botón que lo que hace es que, cuando se hace clic, cambia el nombre del objeto 'persona' y el primer elemento del arreglo. Yo aquí he agregado observadores a cada uno de estos elementos para observar sus cambios. Si yo refresco la pantalla, puedes notar que la función 'handler' de cada observador se ejecuta, ya que yo he agregado la propiedad 'immediate' en cada uno de ellos como 'true' para que esto suceda. Puedes notar algo aquí curioso, que la función 'handler' recibe un objeto proxy. Sabemos que en la versión 3 de Vue este utiliza objetos proxy para observar y hacer "tracking" del acceso a las propiedades de los objetos de un componente. Es por esta razón que aquí, en lugar de recibir el…
Practica mientras aprendes con los archivos de ejercicios.
Descarga los archivos que el instructor utiliza para enseñar el curso. Sigue las instrucciones y aprende viendo, escuchando y practicando.
Contenido
-
-
-
-
-
(Bloqueado)
Cómo funciona la reactividad en Vue4 min 27 s
-
(Bloqueado)
Propiedades computadas1 min 42 s
-
(Bloqueado)
Agregando getters y setters a propiedades computadas2 min 20 s
-
Creando observadores en Vue1 min 39 s
-
(Bloqueado)
Observando objetos anidados2 min 22 s
-
(Bloqueado)
Cómo Vue actualiza la vista1 min 45 s
-
(Bloqueado)
-
-
-
-