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);