Vueデータ駆動シミュレーション実装1

一、前言
Vueにはデータ駆動(Data Driven)というコアがあり、簡潔なテンプレート構文を使用してDOMにデータをレンダリングし、DOMにデータをバインドすることで、Vueインスタンスのデータを変更すると、対応するDOM要素も変更されます.
次のようになります.

 

 
  

   {{name}}
  
  
  
   var vm = new Vue({
    el: '#test',
    data: {
     name: 'Monkey'
    }
   });