vue请求数据 vue-resource & axios

使用 vue-resource 请求数据步骤

1、需要安装 vue-resource 模块，
cnpm install vue-resource --save
2、main.js 引入 vue-resource
import VueResource from ‘vue-resource’
3、vue.use(VueResource);
4、在组件中使用

 this.$http.get(地址).then(function(response){
                 console.log(response)
             }, function(err) {
                 console.log(err)
            });

或

{
  // GET /someUrl
  this.$http.get('/someUrl').then(response => {

    // get body data
    this.someData = response.body;

  }, response => {
    // error callback
  });
}

参考官方地址：
https://github.com/pagekit/vue-resource

使用 axios 请求数据

1、安装
cnpm install axios --save

2、引入
import Axios from ‘./axios’
3、使用

 Axios.get(api).then(function (response) {
                // handle success
                console.log(response);
            })
            .catch(function (error) {
                // handle error
                console.log(error);
            })
            .finally(function () {
                // always executed
            });

或

            Axios.get(api).then( () => {
                // handle success
                console.log(response);
            })
            .catch( () => {
                // handle error
                console.log(error);
            })
            .finally( () => {
                // always executed
            });

参考：
https://github.com/axios/axios