En esta lección, vamos a dar un repaso a la creación y uso de filtros, métodos y computed properties, pero además aprenderás sus similitudes y diferencias y cuando debes usar cada uno.
Regístrate para ver ésta y cientos de lecciones exclusivas.
Vue.js permite el uso de filtros que pueden ser usados en las expresiones dentro de las interpolaciones de texto para alterar la presentación de éstas al momento de ser impresas en nuestro HTML. Ver post
Vue.js nos permite hacer uso de la directiva v-on para ejecutar expresiones y métodos al momento en que disparen ciertos eventos en el DOM. En la lección de hoy aprenderemos a hacer uso de esta directiva para manejar los eventos de nuestra página.
En la lección de hoy aprenderemos sobre la directiva v-for de Vue.js, la cual nos permite iterar de forma dinámica un array de datos y mostrarlos en nuestra vista de forma reactiva.
En la lección de hoy examinaremos a fondo la directiva v-bind en combinación con los atributos class y style, los cuales nos van a permitir aprender a agregar y quitar clases y estilos de CSS de forma dinámica y reactiva utilizando por supuesto Vue.js.
En esta lección aprenderemos cómo mostrar elementos de forma condicional haciendo uso de las directivas v-if, v-else, v-else-if y v-show de Vue.js. Además practicaremos nuestras habilidades para trabajar con formularios en Vue.
En la lección de hoy vamos a aprender más sobre el uso de interpolaciones con las cuales podemos no solo mostrar el valor de variables, sino también utilizar expresiones de JavaScript. También aprenderemos a utilizar las directivas v-once, v-text, v-html para mostrar datos en pantalla y cuando debe usarse cada una. Por otro lado veremos cómo evitar y resolver problemas comunes cuando trabajamos con Vue en conjunto con otros libraries como jQuery.
En la lección anterior de Vue.js aprendimos cómo enlazar Vue con nuestra página, configurar los parámetros básicos, alterar elementos del DOM y manipular datos con el uso de directivas. En la lección de hoy vamos a repasar en profundidad todo esto además de ver nuevos conceptos y detalles importantes sobre el objeto VM o instancia de Vue que debes tomar en cuenta.
En esta lección modificaremos nuestro ejemplo anterior para realizarlo con Vue.js, para esto aprenderemos cómo instalar el framework y hacer uso de las directivas de Vue, las cuales son atributos especiales que nos permiten realizar cambios en el DOM. También daremos un primer vistazo a muchas características importantes de Vue: enlazar valores con v-model, añadir o remover atributos con v-bind, mostrar elementos de forma condicional con v-if y v-else además de manejar eventos con v-on.
Dado que la mayoría de nosotros hemos utilizado jQuery en una o más ocasiones y puede que estemos muy acostumbrados a la forma de manipular el DOM que nos brinda jQuery o JavaScript cuando es usado sin ningún otro library ni framework, que te parece si dedico ésta y la lección siguiente a hacer una pequeña comparativa de Vue vs jQuery para que puedas apreciar las diferencias entre estas 2 tecnologías, esto por supuesto lo haremos de forma práctica con un ejemplo sencillo: