Manejando datos

Más sobre componentes en VueJS

Posted by in Javascript y TypeScript

Tras lo explicado en la entrada anterior sobre cómo crear componentes, damos un nuevo paso en componentes, y vamos a ir un paso más allá, separando lo que pasa en el login, de lo que pasa con el contenido una vez logueado. Para ello, crearemos dos componentes, que serán: sólo el login por un lado, y el contenido a mostrar por otro. Este ejercicio planteado tiene varios aspectos técnicos de interés: Enviar datos desde el padre hasta el componente hijo con los v-bind La emisión de eventos desde un componente…read more

Trabajando con plantillas VueJS

Posted by in Javascript y TypeScript

Seguimos con entradas de VueJS, y al igual que expliqué con TypeScript para el uso de plantillas usando Handlebars, es necesario comprender cómo son las plantillas en VueJS. VueJS cuenta con un motor de plantillas muy similar a Handlebars, con lo que lo aprendido antes puede aplicarse de nuevo con VueJS. Plantillas VueJS Se trata de aplicar HTML con una sintaxis especial, al igual que se hizo con Handlebars, lo que permite introducir los datos en el HTML mediante el renderizado. Es similar a JSX de React, pero más liviano….read more

Propiedades computadas de VueJS

Posted by in Javascript y TypeScript

Seguimos aprendiendo Vue, y más cositas de las plantillas. En esta ocasión toca hablar de las propiedades computadas de VueJS. Se trata de una de las características más simples de todo lo que te ofrece Vue, y que no es sino la opción de evitar lógica compleja en la vista, y hacerlo más aseguible dentro del objeto Vue. Propiedades computadas El mejor ejemplo de cómo utilizar, o el por qué utilizar las propiedades computadas es el que viene recogido en la documentación oficial: https://vuejs.org/v2/guide/computed.html. Se trata de poner una cadena…read more