您的位置:首页 > 产品设计 > UI/UE

axios模块在vue开发中如何使用引入,如何注册全局方法

2017-09-26 20:08 976 查看
http://www.jianshu.com/p/df464b26ae58 用法参考链接

vue.js 引入:

第一种方法  单独将调用的api接口写在一个文件中,在该文件中引入axios模块 幷写对应方法函数,在组件界面引入 对应方法即可

import config from './config'
import axios from 'axios'

let tconfig = {
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
}
// 二手房列表详情
export const usedList = (data) => {
return axios.get(config.used_lists, {params: data})
}
export const usedDetail = (data) => {
return axios.get(config.used_detail, {params: data})
}
// 登录
export const login = (data) => {
return axios.post(config.RecordListslogin, data)
}
// 注册
export const register = () => {
return axios.post(config.register)
}

第二种:在mian.js中引入axios模块



main.js引入

import axios from 'axios'

Vue.prototype.$http = axios
组件中使用:

this.$http.post()
Vue.prototype 为注册全局方法  其他任何组件都可引用
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: