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