mui + vue 模板

示例代碼：

(function(mui, doc) {
  // 定義全局變量(計時器)
  var timer;
  // mui初始化
  mui.init();
  // 建立vue的實例
  var app = new Vue({  
    el:'#app',
    data:{
      token: '',
      paramId: ''
    },
    mounted:function(){
      var _this = this;
      // mui
      mui.plusReady(function() {
        // 獲取test.html的參數
        var self = plus.webview.currentWebview();
        _this.token = self.token;
        _this.paramId = self.paramId;
        // 首次獲取
         _this.getPosition();
        // 啓動計時器
        _this.start();
      });
    },
    methods:{
      // 獲取座標點數據
      getPosition:function(){
        // 參數
        var params = {
          token: this.token,
          paramId: this.paramId
        };
        // mkey請求
        mui.mkey.post({
          url: apiUrl.monitor,
          dh_nokey_: JSON.stringify(params)
        }, function(data){
          // 關閉等待框
          plus.nativeUI.closeWaiting();
          // 獲取接口數據
          console.log(JOSN.stringify(data));
        })
      },
      // 啓用定時器
      start:function(){
        var _this = this;
        // 定時器
        timer = setInterval(function(){
          _this.getPosition();
        },2000);
      },
      // 暫停定時器
      stop:function(){
        clearInterval(timer);
      }
    }
  });
}(mui, document));

.