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 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.

Inicia sesión para poder registrar las lecciones que has completado Login

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>

Adquiere en preventa y aprovecha un gran descuento TDD en Laravel

Comparte en

Creado por: Venezuela Italo Morales

Profesor de #Laravel y #PHP en Rimorsoft Online

Más información


Spatie/Laravel Permission ¿Cómo agregar campos en la tabla "roles"?

Hola, mi consulta es la siguiente:

Relacioné la tabla "roles" con mi tabla** "empresa**", es decir, en la tabla "roles", tengo el campo "id_empresa", en la vista, están los campos necesarios y el select de la empresa pero al querer guardar los datos, me arroja el siguiente error: ** "The given role or permission should use guard web instead of Empresas. "** No ...

SOFTWARE PARA CONSULTORIOS MEDICOS

Hola Amigos. soy nuevo en el grupo.. me gustaria saber si alguien tiene o tuvo algun proyecto basado en laravel, para consultorios medicos? ...

sincronización de componentes hermanos

un gran saludo a la comunidad rimorsorf... espero de su valiosa ayuda para mi problema que es el siguiente:

tengo dos componentes en el mismo nivel, el primero crea una tabla con una lista de procesos por tramitar y el segundo componente lista en una tabla los procesos que se han asignado para tramitar; cuando en la primera tabla se asigna el proceso este debe desaparecer de...

plantilla blade y vuejs2

buenas noches comunidad, por casualidad alguien sabrá si se puede integrar la plantilla de laravel blade en vuejs2 component??, gracias dee antemano...