Utiliser Vue.js

Les bases de Vues.js
Les composants

Les bases de Vue.js

la documentation en français

Afficher
Afficher Bonjour sur l'écran
<div id="app">
  {{ message }}
</div>
var app = new Vue({
  el: '#app',
  data: {
    message: 'Bonjour !'
  }
})
Modifier l'attribut d'une balise
Modifier l'attribut title ou href d'une balise grâce à v-bind:
<div id="app">
  <div v-bind:title="message">
    survoler pour voir le title
  </div>
</div>
new Vue({
  el: '#app',
  data: {
    message: 'ici le message'
  }
})
syntaxe complète
<a v-bind:href="url"> ... </a>

abréviation
<a :href="url"> ... </a>
Affichage conditionnel
Utilisation de v-if et v-else
<div id="app">
  <p v-if="seen">Je suis visible</p>
</div>
var app = new Vue({
  el: '#app',
  data: {
    seen: true
  }
})