实例方法

<div id="app">
      <p>{{message}}</p>
  </div>
  <button onclick="destroy()">销毁</button>
  <button onclick="reload()">更新</button>
  <button onclick="tick()">修改</button>
  <script>
      var app = Vue.extend({
          template:`<p>{{message}}</p>`,
          data:
          function(){
              return {
               message:'hello world'
              }
          },
          mounted:function(){
              console.log('我被挂载了')
          },
          destroyed:function(){
              console.log('我被销毁了')
          },
          updated:function(){
              console.log('我被更新了')
          }
       })
      //挂载方法
      var vm = new app().$mount('#app');
      //销毁方法
      function destroy(){
          vm.$destroy();
      }
      //更新方法
      function reload(){
          vm.$forceUpdate();
      }
      //修改方法
      function tick(){
          vm.message = 'hello Vue',
          vm.$nextTick(function(){
              console.log('我被修改了')
          })
      }
   </script>