Observando objetos anidados - Tutorial de Vue

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…