Cours Vue | Property Binding

by jmpp77

HTML

<div id="app">
     <input v-model="prenom" placeholder="Votre prénom …">
     <input type="checkbox" v-model="boxStatus">
     
     <p>Bonjour {{ prenom }}</p>
     <p>Etat de la checkbox : {{boxStatus}}</p>
</div>

CSS

* {
  font-size: 2rem;
}

Vue

new Vue({
  el: "#app",
  data: {
    prenom : "Jean-Marie",
    boxStatus : true
  }
})