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 Composition API

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

Del curso: Vue.js esencial

Propiedades computadas en un componente usando Composition API

En Vue, las propiedades computadas son valores dinámicos que se calculan a partir de otros valores en un componente. Como en este ejemplo que tenemos aquí, esta es una aplicación construida en Vue que maneja tiquetes de soporte. Puedes ver que aquí hay dos vistas, Pendientes y en progreso y Completos. Ambas listas se generan a partir del mismo arreglo de objetos que contiene toda la información de los tiquetes. Y yo estoy utilizando propiedades computadas para generar cada una de las listas que puedes ver aquí. Y aquí en el código, yo estoy utilizando Composition API para escribir el código de este componente. Puedes ver aquí que yo estoy importando la función computed desde la librería de Vue. Luego aquí yo tengo la lista de tiquetes. La lista de tiquetes es un arreglo reactivo, significa que la aplicación va a cambiar cuando la lista de tiquetes o el arreglo de tiquetes cambie. Luego, yo estoy generando dos propiedades computadas a partir de la lista de tiquetes. Para generar la…

Contenido