双方向データバインディングの体験

by wintyo

HTML

<div id="app"></div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.22/dist/vue.js"></script>

JavaScript

new Vue({
  el: '#app',
  data() {
    return {
      value: ''
    };
  },
  template: `
    <div>
      <p>双方向データバインディングの体験</p>
      <input v-model="$data.value" type="text"/>
      <p>{{ $data.value }}</p>
    </div>
  `
});