vue api 使用axios

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状态