Vinculación de datos con Vue.js - Data Binding con V-BIND

↑ Me gusta (0)

Comencemos con una revisión de VUE, aprende en este video sobre la vinculación de datos, y esto es lo más maravilloso, es automático, es la reactividad de la que tanto se habla del framework

En Vue.js nos ocupamos del dato en si, y todo lo relacionado con el dato se actualizará ante cualquier cambio, es realmente mágico. Hablamos específicamente del poder de VUEjs. Cuando desarrollamos nos encontramos siempre con una necesidad común de enlace de datos, hablo de manipular un elemento, clase, atributo o estilo en general. Toma en cuenta algo que todo lo que mencioné son atributos, y podemos manejarlos usando v-bind.

Bind significa enlazar y nos ayuda a trabajar directamente con el dato, puesto que todo lo relacionado con el dato se verá afectado ante cualquier cambio, y esto es reactividad.

En HTML

<div id="main">
    <input type="text" v-model="info">
    <p v-bind:title="info">Texto de relleno... {{ info }}</p>
</div>

Aquí renderizamos la app en VUEjs

En VUEjs

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.0/vue.js"></script>
<script type="text/javascript">
        new Vue({
            el: '#main',
            data: {
            info: ''
        }
    });
</script>
1

Bienvenidos al curso de VUE 2

En este video damos la bienvenida a este gran curso, este es un tema muy solicitado y sinceramente queremos hacerlo mejor que cualquiera, de...

2

Renderización de listas VUEjs

En este video enseño a trabajar las listas en #VUE. Listamos elementos, agregamos de forma dinámica, y damos las bases necesarias para abord...

3

Vinculación de datos con Vue.js - Data Binding con V-BIND

Comencemos con una revisión de VUE, aprende en este video sobre la vinculación de datos, y esto es lo más maravilloso, es automático, es...

4

VUEjs y AJAX, manejo de respuesta JSON con VUE-RESOURCE

Vue Resource: El complemento para Vue.js que proporciona servicios para realizar peticiones web y manejar respuestas usando un XMLHttpRe...

5

Vue-resources y Axios para VUEjs

En VUE.js podemos trabajar sin problemas con AJAX, hablamos de vue-resource y de axios como te enseño en este video. Si comenzaste a...

6

Ajax con axios en VUEjs

Ha llegado la hora de trabajar con la librería más recomendada por el equipo de VUE para el manejo de peticiones AJAX. Se trata de AXIOS...

7

Introducción LARAVEL y VUE - uso de AJAX

En este video vamos hacer una pequeña introducción de la conexión de VUEjs y Laravel con el principal objetivo de mostrarte mediante...

8

Directivas, V-SHOW

En este video vamos mostrarte un poco sobre las directivas de renderizado condicional de VUE, es decir aquellas directivas que son capaces d...

9

V-IF V-ELSE y TEMPLATE

En esta oportunidad vamos hablar de las directivas entre v-if, v-else y de cómo utilizar el elemento template en VUE por medio d...

10

Eventos en VUE

En este video vamos a trabajar específicamente en los eventos de VUE, los cuales podrían ser básicamente un clic, presionar una tecla, cualq...

11

Filtros en VUE.js usando Computed Properties

En este video vamos a utilizar varias directivas explicadas en videos anteriores como v-model, v-if y v-on, además de los métodos y las prop...

12

Componentes en VUEjs

Vamos aprender a cómo crear componentes en VUE. Con componentes nos referimos a esos bloques de html que son estándar y que se usan varias v...

13

Así despedimos el curso #VUEjs

El objetivo de este video es para despedirnos de esta serie, indicando en un breve resumen todo lo que hemos aprendido a lo largo del curso,...