Los watchers de Vue.js nos permiten ejecutar una función cada vez que una propiedad de nuestro componente cambie su valor.
Etiqueta: Vue.js 2
Vue.js 2 #15 : Aplicación con Laravel 5 y Vue.js 2 y fin de la serie
Esta entrada es la última de la serie de Vue.js 2. Para la despedida de la serie he creado una app de ejemplo con Laravel 5.4 y Vue.js. Esta aplicación consiste en una aplicación de notas, en la que puedes registrarte, loguearte, ver tus notas, crearlas y eliminarlas.
Continuar leyendo «Vue.js 2 #15 : Aplicación con Laravel 5 y Vue.js 2 y fin de la serie»
Vue.js 2 #14 : Crear un plugin
En esta entrada vamos a crear un plugin para Vue.js basado en una librería JS que nos permite crear notificaciones llamada Notyf.
Vue.js 2 #13 : Publicar web hecha con Nuxt.js en GitHub Pages
Hoy vamos a publicar la web que creamos en el post anterior con Nuxt.js en GitHub Pages.
Continuar leyendo «Vue.js 2 #13 : Publicar web hecha con Nuxt.js en GitHub Pages»
Vue.js 2 #12 : Aplicaciones Vue.js Universales con Nuxt.js
Nuxt.js es un framework para crear aplicaciones universales en Vue.js. Una aplicación universal es aquella que su código puede ser ejecutado tanto en el cliente como en el servidor. Nuxt.js tiene muchas características, pero una de las más interesantes es que nos ayuda a crear aplicaciones Vue.js que se renderizan del lado del servidor (SSR – Server-Side Rendering). Esto quiere decir que se precargan las páginas en el servidor y luego se envía el HTML renderizado al navegador.
Continuar leyendo «Vue.js 2 #12 : Aplicaciones Vue.js Universales con Nuxt.js»
Vue.js 2 #11 : Crear aplicación con Lumen y Vue.js (Parte 2)
Continuamos con la segunda parte de la mini-serie en la que estamos creando una app con Lumen como backend y Vue.js 2 como frontend.
Como ya he dicho, vamos a utilizar Vue.js 2 como framework para el frontend desde el cual haremos las peticiones a la API que creamos en el post anterior y mostraremos los resultados (crear, eliminar o listar). Para hacer estas consultas utilizaremos una librería JS llamada Axios que ya utilizamos anteriormente, también utilizaremos otra librería UI llamada Element creada especialmente para Vue.js con componentes para crear una interface de usuario fácilmente. Por último, utilizaremos una librería llamada Vuex (está inspirada en Flux, Redux y Elm) que es una librería que nos permite gestionar el estado de nuestra app y así facilitar la comunicación entre componentes y no tener que estar utilizando eventos (como vimos anteriormente) para pasar información entre componentes, porque conforme la app vaya creciendo cada vez se haría más complicado el utilizar los eventos. Por tanto, con Vuex, podremos tener un store o almacenamiento global con datos y funciones accesibles por todos los componentes.
Continuar leyendo «Vue.js 2 #11 : Crear aplicación con Lumen y Vue.js (Parte 2)»