Allons un peu plus loin en ajoutant un formulaire et une collection de livre. Commençons par Vue.js. Pour ajouter un livre à une collection, il nous faut donc une collection de livre, un tableau feras l’affaire: data: { livre: {nom: », commentaire: », lu: »}, livres: [] } Afin de commencer avec de livre, nous utilisons la fonction suivante qui est appelé lors de l’instanciation de Vue.js: ready: function() { var livres = [ { nom: ‘Fondation’, commentaire: ‘Un bon…
Pour commencer à découvrir Vue.js, voyons avec un exemple simple comment fonctionne le Two–way Binding. Le code suivant permet de bien comprendre le Two-way Binding en action: <!DOCTYPE html> <html lang= »en »> <head> <meta charset= »UTF-8″> <title>Vue.js Lumen</title> </head> <body> <div id= »livres »> <h1>Ajouter un livre</h1> <input v-model= »livre.nom »><br /> <textarea v-model= »livre.commentaire »></textarea><br /> <input v-model= »livre.lu »><br /><br /> <h2>{{ livre.nom }}</h2> <p>{{ livre.commentaire }}</p> <p>{{ livre.lu }}</p> </div> <script src= »http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.17/vue.js »></script> <script> new Vue({ // Sélecteur pour notre application Vue.js el: ‘#livres’, // Nos données serons stocké…