vue api 使用axios
2018-11-15 本文已影响0人
丶温瞳
1.安装axios
npm： npm install axios -S
2. 使用的页面中引入 import axiosfrom 'axios';
const Q = require('q'); // 作为第三方异步处理
getMenusData:function(data){
var deferred = Q.defer();
axios({
method:'get',
url: 'menu.json',
}).then(function (response) {
deferred.resolve(response.data);
}).catch(function (error) {
console.log(error)
});
return deferred.promise;
},
var deferred = $q.defer();\\生成deferred异步对象
deferred.resolve(rtns);\\执行到这里时，改变deferred状态为执行成功，返回rtns为从后台取到的数据，可以继续执行then,done
deferred.reject(data);\\执行到这里时，改变deferred状态为执行失败，返回data为报错，可以继续执行fail
return deferred.promise;\\起到保护作用，不允许函数外部改变函数内的deferred状态
