Vue2.0学习——axios用法详解2引入本地json数据(axios和vue-axios)

前面对爱可信有了一个全面的介绍，下面结合实例说一下axios和vue-axios，以及如何用axios请求本地json数据。

首先看一下将axios注册成全局函数的用法：main.js 

import axios from 'axios'

Vue.prototype.axios = axios

添加一个全局函数，然后在相应的.vue文件中使用

defaultData(){  
  this.axios.get('本地的json文件地址', {  
  }).then(function (response) {  
      // 将接收到的数据传递到data的数据中
  }).catch(function (response) {  
      console.log(response);  
  }); 
} 

这样组件就可以引用本地的数据了，需要说明的时.json 文件最好放在static文件夹中，这个文件夹中的文件在打包的时候是不会进行压缩和处理的。

那么vue-axios的作用是什么？

相信很多人都有这样的疑问了，一起来看一下vue-axios的源码：

index.js

(function () {

/**
 * Install plugin
 * @param Vue
 * @param axios
 */

function plugin(Vue, axios