Vue - （vue-resource插件）

vue-resource是基于vue的。
我们使用的时候：

var app = new Vue({
  ...
  mounted: function () {
    // 页面加载完成,我们可以做的操作
    this.get_data();
  },
...
methods: {
    get_data: function () {
      this.$http.get(); 
    }

  }
});

注意，我们是this.$http.get();,是通过vue实例的$http，而不能直接$http去调用请求方法。
相当于vue-resource成为了vue的一部分。

this.$http.get("tsconfig.json", {"id":123}).then(function (respose) {  // 通过.then()方法获取我们的回调

});

分析参数：

tsconfig.json  # 是我们请求的url，这里是本地文件
{"id":123}  # 使我们的请求参数
then(function (respose) { ... }  # 是我们的回调方法

我们刷新页面：
看到有值了。

图片.png

我们获取到数据：

get_data: function () {
      var _this = this;  // vue在实例方法中,所有的this都指向的是Vue的实例。但是在某一个函数内部,作用于已经发生了变化。
      this.$http.get("tsconfig.json", {"id":123}).then(function (res) {  // 通过.then()方法获取我们的回调
        _this.cart_list = res.data.result.list;
        _this.total_money = res.data.result.total_money;
      });
    }