vue 请求数据

Vue 原本有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource。

目前主流的 Vue 项目，都选择 axios 来完成 ajax 请求，而大型项目都会使用 Vuex 来管理数据，此处主要讲解使用axios获取数据——改写原型链。

首先在mian.js引入axios:

import axios from 'axios'

改写原型链(这时候如果在其它的组件中，是无法使用 axios 命令的。但如果将 axios 改写为 Vue 的原型属性，就能解决这个问题)：

Vue.prototype.$ajax = axios

在组件中使用axios：

var _this = this; //_this指向该作用域的this，为了和下面请求中的this区别开// 请求的参数var url = "http://114.112.74.23:8189/crud/get";var arg = {"identity":{"alias":"portalprofile"}}this.$ajax.post(url,arg).then(function(response){_this.loading = false;var data = response.data;_this.detailModel = {code: data.code,message: data.message}}).catch(function(response){_this.loading = false;})

本文的思想参考自http://www.cnblogs.com/wisewrong/p/6402183.html