vue之请求方法--axios

vue项目中请求资源会用到一个非常实用的工具--axios，当然了也可以在文件中引入jQuery利用ajax完成需求，经查阅资料总结方法如下：

第一步，cmd打开项目目录下载axios：

npm install axios --save

第二步，因为axios不支持直接vue.use(axios)的方法，因此要在src目录下建立store文件夹，store目录下建立store.js文件（另，vuex也会在这个文件夹中建立相应文件用来存储状态，我正在学vuex中以后会总结vuex的理解这里暂不表），store.js代码如下：

import axios from 'axios'//es6语法引入axios

const Axios = axios;//定义一个常量

export default {

  install(Vue) {

    Object.defineProperty(Vue.prototype, '$http', { value: Axios })//将方法绑定到vue原型对象上

 }
}

第三步，在入口文件main.js里引入store.js，以及使用：

import AxiosPlugin from './store/store.js'

Vue.use(AxiosPlugin)

第四步，vue组件中使用比如get或post请求：

Vue.prototype.$http.get(url)
        .then(res => {
       
        })

以上就是vue中简单使用axios的方法啦