Vue - Two-Way Data Binding

La directiva v-model permite enlazar los input con las variables definidas en vue y realizar el renderizado de las mismas.

1
2
3
4
5
6
<div id="app">
  <p>Nombre: {{nombre}}</p>
  <input type="text" name="" value="" v-model="nombre">
  <p>Edad: {{edad}}</p>
  <input type="text" name="" value="" v-model="edad">
</div>
1
2
3
4
5
6
7
var app = new Vue({
  el: '#app',
  data: {
    nombre: '',
    edad: ''
  }
});

Resultado: