axios模块在vue开发中如何使用引入,如何注册全局方法
2017-09-26 20:08
976 查看
http://www.jianshu.com/p/df464b26ae58 用法参考链接
vue.js 引入:
第一种方法 单独将调用的api接口写在一个文件中,在该文件中引入axios模块 幷写对应方法函数,在组件界面引入 对应方法即可
第二种:在mian.js中引入axios模块
即
main.js引入
import axios from 'axios'
Vue.prototype.$http = axios
组件中使用:
this.$http.post()
Vue.prototype 为注册全局方法 其他任何组件都可引用
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 为注册全局方法 其他任何组件都可引用
相关文章推荐
- 使用use注册Vue全局组件和全局指令的方法
- vue init webpack-simple 模板中全局引入Jquery正确使用方法 可保jQuery插件正常使用
- 使用vue-cli开发过程中如何把jQuery设置为全局
- Vue全局组件开发,Vue.use(xxx)一次引入,全局使用 【Vue 非父子组件通信】
- [使用 Weex 和 Vue 开发原生应用] 1 如何配置开发环境
- (android 源码下开发应用程序) 如何在 Android 各 level ( 包含 user space 與 kernel space ) 使用dump call stack的方法
- android app开发,如何使用/引入第三方扩展jar
- 如何优雅的使用vue+vux开发app -01
- Android网络开发中如何使用JSON进行网络通信---Android_JSON数据通讯方法解析
- 在 iPhone 开发中,全局变量的几种使用方法
- android开发--- jni使用RegisterNatives注册本地方法
- 如何优雅的使用vue+vux开发app -02
- 如何使用Android中hide的类和方法进行开发?
- 比较好的前端方法库及一些vue如何引入静态文件
- android 开发零起步学习笔记(十九):android使用全局变量的两种方法
- 黄聪:VS2010开发如何在c#中使用Ctrl、Alt、Tab等全局组合快捷键
- Flask MVVM 开发(vue.js) - ajax如何同步更新地址栏history 以及使用浏览器返回按钮
- TOPCODER->使用方法->(1)如何注册
- 如何优雅的使用vue+vux开发app -03
- 在iPhone开发中,全局变量的几种使用方法