Vue實現數據模板數據渲染后附加到指定位置

•  HTML

  <!-- v-bind:class、v-bind:href等可以拼接vue的data參數 -->
  <div v-bind:class='['bg'+id]'>
      {{nickName}}
  </div>

  　　

• JS

  var app = new Vue({
              el: '#app',
              data: {
                  nickName : '',
  　　          id:''
  
              },
              updated: function () {
                //暈染后的操作
              }
          })   
  //設置data數據
  Vue.set(app, 'nickName', '好胖的兔子');  
  Vue.set(app, 'id', 1);