Del curso: Vue.js esencial

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.200 cursos impartidos por expertos del sector.

El objeto data en Options API en Vue.js

El objeto data en Options API en Vue.js - Tutorial de Vue.js

Del curso: Vue.js esencial

El objeto data en Options API en Vue.js

En programación, escuchamos comúnmente el concepto del estado de una aplicación. El estado es básicamente toda la información que se guarda dentro de una aplicación a través de variables. En Vue, cuando el estado de la aplicación cambia, la aplicación se actualiza. Esta actualización se refleja cuando la UI se actualiza con los nuevos datos. A esto también se le llama reactividad. Como en este ejemplo que tienes en pantalla, esta es una pequeña aplicación de Vue que maneja un sistema de tiquetes. Puedes ver que esta aplicación maneja una lista de tiquetes de soporte técnico. Esta lista se maneja a través de un arreglo. Luego, si abrimos el menú, podemos movernos a diferentes categorías de la lista de tiquetes. Una contiene la lista de tiquetes cerrados y completados y la otra contiene la lista de tiquetes que están abiertos. No solo la lista de tiquetes es parte del estado, sino también la vista que yo estoy viendo actualmente. Puedes notar aquí que el menú cambia de color dependiendo…

Contenido