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.

Propiedades computadas en un componente usando Options API

Propiedades computadas en un componente usando Options API - Tutorial de Vue.js

Del curso: Vue.js esencial

Propiedades computadas en un componente usando Options API

Las propiedades computadas son un concepto muy propio de Vue. Estas se utilizan para generar valores a partir de otras propiedades reactivas dentro de Vue. Como en este ejemplo que tenemos aquí, esta es una pequeña aplicación de Vue que maneja tiquetes de soporte. Esta aplicación tiene dos listas de tiquetes: una que contiene la lista de pendientes en progreso y otra lista que contiene todos los tiquetes completos y cerrados. A nivel de código, estas listas de tiquetes provienen de un mismo arreglo. Y yo he utilizado propiedades computadas para poder dividir esta lista y poder mandar datos a diferentes componentes para poder renderizar las diferentes listas. Te voy a mostrar en el código cómo he utilizado las propiedades computadas para generar esta vista. Ya aquí me encuentro en el código del ejemplo. Puedes notar que, para declarar las propiedades computadas, yo he utilizado la propiedad computed. Esta propiedad básicamente es un objeto de JavaScript que contiene la lista de todas…

Contenido