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的方法啦
![大笑](http://static.blog.csdn.net/xheditor/xheditor_emot/default/laugh.gif)