Découvrez Vue.js le framework Javascript flexible et agile
Encore un énième framework Javascript ?
La base
La seule chose à faire dans la page html, c'est d'ajouter la balise suivante entre les balises <head></head>
Balise à insérer entre <head> et </head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>La pratique
Affichage de la valeur d'une variable
<div id="div1">{{message}} est prêt</div>
<script type="text/javascript">
var vue = new Vue({
el: '#div1',
data: {
message: 'Le navigateur'
}
});
</script>Résultat <div id="div1">{{message}} est prêt</div>
<script type="text/javascript">
var vue = new Vue({
el: '#div1',
data: {
message: 'Le navigateur'
}
});
</script>