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 abordar con éxito esta tecnología.

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

Aprenderemos sobre la directiva v-for de Vue.js, ella nos permite iterar de forma dinámica un array de datos y mostrarlos de forma reactiva. Listar los elementos es una practica para apreciar el poder de VUE, podremos agregar y manipular la lista... Te darás cuenta de que VUEjs trabaja con el dato y en base a ellos manipula los elementos visuales.

Así trabajamos en HTML

<div id="main">
    <ul>
        <li v-for="item in people" v-text="item"></li>
    </ul>
    <input type="text" v-model="name" v-on:keyup.enter="addName">
</div>

Este es el módulo creado en VUEjs

<script>
    new Vue({
        el: '#main',
        data: {
            people: ['Lynda', 'Isabella', 'Diana', 'Luisa']
        },
        name: '',
        methods: {
            addName: function(){
                this.people.push(this.name);
                this.name = '';
            }
        }
    });
</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...