Recorrer y mostrar un array en VueJS 2
May27

Recorrer y mostrar un array en VueJS 2

Hoy vamos a aprender a recorrer y mostrar un array en VueJS 2 usando la directiva de iteración v-for. Es muy simple, veamos un ejemplo en una estructura básica de html: <html> <head> <meta charset="utf-8"> <title>Curso de VueJS 2 - victorroblesweb.es</title> </head> <body> <!-- Elemento main donde actua la instancia vue --> <main> <!-- Directiva de bucles v-for --> <h1>Listado de peliculas (array)</h1> <ol> <li v-for="pelicula in peliculas">{{ pelicula...

Leer más
Directivas condicionales en VueJS 2 (v-if)
May20

Directivas condicionales en VueJS 2 (v-if)

Las directivas condicionales en VueJS 2 nos permiten usar estructuras de control en las plantillas de Vue 2. En este framework existe la directiva v-if: <h1 v-if="correcto">Si</h1> <h1 v-else>No</h1> He preparado una clase en vídeo para hacer un ejemplo más extenso: Con esto ya sabemos usar las directivas condicionales en VueJS 2 de forma básica. ¿Quieres más? Curso de VueJS 2 en Español – Crea webapps...

Leer más
Two way databinding y reactividad en VueJS 2
May06

Two way databinding y reactividad en VueJS 2

Hoy vamos a aprender a utilizar el Two way databinding y la reactividad en VueJS 2. El Two way data binding o enlace de datos bidireccional nos permite modificar el valor de una propiedad del modelo de datos de forma dinamica y reactiva cuando se produce un cambio en la vista o en el modelo de datos y el cambio se refleja en ambas partes. He grabado una clase...

Leer más
Hacer un hola mundo con VueJS 2
Abr22

Hacer un hola mundo con VueJS 2

Vamos a aprender a incluir VueJS 2 en una página web y como hacer un hola mundo con VueJS 2. Lo primero que tenemos que hacer es crear un fichero de JavaScript y definir una instancia de Vue que es la que va a controlar la interacción con el DOM etc. Creamos el fichero main.js, creamos el objeto Vue, en la propiedad “el” definimos el nombre del elemento principal...

Leer más
Instalar VueJS 2 con Vue CLI
Abr08

Instalar VueJS 2 con Vue CLI

Hoy vamos a aprender como instalar VueJS 2 con Vue CLI. Vue CLI es una herramienta para hacer scaffolding (generar estructura básica) simple en proyectos de Vue.js Para instalar Vue.js 2 con Vue CLi tenemos que seguir los siguientes pasos. Paso 1. Tener instalado y actualizado NodeJS, puedes conseguirlo aquí https://nodejs.org/es/download/ Paso 2. Lazar el siguiente comando para instalar Vue Cli de forma global en nuestro sistema: npm install...

Leer más