Vue.js - Data Binding

by wistcc

HTML

<script src="https://unpkg.com/[email protected]"></script>
<div id="app">
  <label>Favorite character:</label>
  <input type="text" v-model="character" />
  <p>
    My favorite Breaking Bad character is: <strong>{{character}}</strong>
  </p>
</div>

JavaScript

var app = new Vue({
  el: '#app',
  data: {
    character: 'Walter White',
  }
})