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