在vue组件中使用axios的方法


Posted in Javascript onMarch 16, 2018

现在我们通过webpack+vue-cli搭建起了一个vue项目的框架,如果我们需要在vue组件中使用axios向后台获取数据应该怎么办呢?

通常情况下,我们搭建好的项目目录应该是这样子的

在vue组件中使用axios的方法

首先需要安装axios,这个会npm的都知道

下一步,在main.js中引入axios

import axios from "axios";

在vue组件中使用axios的方法

与很多第三方模块不同的是,axios不能使用use方法,转而应该进行如下操作

Vue.prototype.$axios = axios;

在vue组件中使用axios的方法

接着,我们就可以在App.vue中使用axios了

created:function(){
 this.$axios.get("/seller",{"id":123}).then(res=>{
  console.log(res.data);
 });
}

在vue组件中使用axios的方法

以上这篇在vue组件中使用axios的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript+css 网页每次加载不同样式的实现方法
Dec 27 Javascript
javascript倒计时功能实现代码
Jun 07 Javascript
js正则表达式中test,exec,match方法的区别说明
Jan 29 Javascript
jQuery实现表格行上移下移和置顶的方法
May 22 Javascript
js仿淘宝和百度文库的评分功能
May 15 Javascript
js下载文件并修改文件名
May 08 Javascript
ES7中利用Await减少回调嵌套的方法详解
Nov 01 Javascript
vue axios 给生产环境和发布环境配置不同的接口地址(推荐)
May 08 Javascript
angular6 利用 ngContentOutlet 实现组件位置交换(重排)
Nov 02 Javascript
ES6中Set和Map数据结构,Map与其它数据结构互相转换操作实例详解
Feb 28 Javascript
Vue使用watch监听一个对象中的属性的实现方法
May 10 Javascript
Vue实现剪贴板复制功能
Dec 31 Javascript
axios发送post请求,提交图片类型表单数据方法
Mar 16 #Javascript
Vue实现搜索 和新闻列表功能简单范例
Mar 16 #Javascript
vue axios 表单提交上传图片的实例
Mar 16 #Javascript
vue中实现图片和文件上传的示例代码
Mar 16 #Javascript
vue中手机号,邮箱正则验证以及60s发送验证码的实例
Mar 16 #Javascript
Vue实现active点击切换方法
Mar 16 #Javascript
详解Vue.js项目API、Router配置拆分实践
Mar 16 #Javascript
You might like
MySQL数据库转移,access,sql server 转 MySQL 的图文教程
2007/09/02 PHP
phpMyAdmin 链接表的附加功能尚未激活问题的解决方法(已测)
2012/03/27 PHP
PHP中error_reporting函数用法详细介绍
2017/06/11 PHP
php设计模式之代理模式分析【星际争霸游戏案例】
2020/03/23 PHP
Javascript 对象的解释
2008/11/24 Javascript
优化javascript的执行速度
2010/01/23 Javascript
JavaScript中检测变量是否存在遇到的一些问题
2013/11/11 Javascript
按下回车键指向下一个位置的一个函数代码
2014/03/10 Javascript
js模拟淘宝网的多级选择菜单实现方法
2015/08/18 Javascript
AngularJS递归指令实现Tree View效果示例
2016/11/07 Javascript
Bootstrap复选框和单选按钮美化插件(推荐)
2016/11/23 Javascript
微信小程序 less文件编译成wxss文件实现办法
2016/12/05 Javascript
快速实现jQuery多级菜单效果
2017/02/01 Javascript
JavaScript实现定时页面跳转功能示例
2017/02/14 Javascript
npm 更改默认全局路径以及国内镜像的方法
2018/05/16 Javascript
微信小程序实现蓝牙打印
2019/09/23 Javascript
Vuex的热更替如何实现
2020/06/05 Javascript
JavaScript中条件语句的优化技巧总结
2020/12/04 Javascript
Python实现根据日期获取当天凌晨时间戳的方法示例
2019/04/09 Python
Django如何自定义model创建数据库索引的顺序
2019/06/20 Python
简单了解Django应用app及分布式路由
2019/07/24 Python
python3 写一个WAV音频文件播放器的代码
2019/09/27 Python
numpy np.newaxis 的实用分享
2019/11/30 Python
pandas中ix的使用详细讲解
2020/03/09 Python
Python基于正则表达式实现计算器功能
2020/07/13 Python
用python爬虫批量下载pdf的实现
2020/12/01 Python
python实现excel公式格式化的示例代码
2020/12/23 Python
详解HTML5中的Communication API基本使用方法
2016/01/29 HTML / CSS
公司门卫管理制度
2014/02/01 职场文书
多媒体编辑专业毕业生求职信
2014/06/13 职场文书
2014年数学教研组工作总结
2014/12/06 职场文书
事业单位聘任报告
2015/03/02 职场文书
党支部考察鉴定意见
2015/06/02 职场文书
小学记事作文之200字
2019/08/06 职场文书
SpringBoot整合JWT的入门指南
2021/06/29 Java/Android
一篇文章看懂MySQL主从复制与读写分离
2021/11/07 MySQL