在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 相关文章推荐
简单的无缝滚动程序-仅几行代码
May 08 Javascript
javascript setAttribute, getAttribute 在不同浏览器上的不同表现
Aug 05 Javascript
屏蔽script注入小例子
Nov 12 Javascript
利用javascript判断文件是否存在
Dec 31 Javascript
jQuery实现跨域iframe接口方法调用
Mar 14 Javascript
JQuery.Ajax()的data参数类型实例详解
Nov 20 Javascript
JQuery中Ajax()的data参数类型实例分析
Dec 15 Javascript
JS使用正则表达式过滤多个词语并替换为相同长度星号的方法
Aug 03 Javascript
JSONP和批量操作功能的实现方法
Aug 21 Javascript
requireJS模块化实现返回顶部功能的方法详解
Oct 16 Javascript
vue开发chrome插件,实现获取界面数据和保存到数据库功能
Dec 01 Vue.js
JavaScript实现消消乐的源代码
Jan 12 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
php中文本操作的类
2007/03/17 PHP
PHP里的中文变量说明
2011/07/23 PHP
基于php伪静态的实现详细介绍
2013/04/28 PHP
PHP实现多维数组转字符串和多维数组转一维数组的方法
2015/08/08 PHP
php实现支付宝当面付(扫码支付)功能
2018/05/30 PHP
js中判断数字\字母\中文的正则表达式 (实例)
2012/06/29 Javascript
如何通过javascript操作web控件的自定义属性
2013/11/25 Javascript
jQuery实现列表内容的动态载入特效
2015/08/08 Javascript
js和jQuery设置Opacity半透明 兼容IE6
2016/05/24 Javascript
通过学习bootstrop导航条学会修改bootstrop颜色基调
2017/06/11 Javascript
vue.js评论发布信息可插入QQ表情功能
2017/08/08 Javascript
vue实现仿淘宝结账页面实例代码
2017/11/08 Javascript
微信小程序简单实现form表单获取输入数据功能示例
2017/11/30 Javascript
Element-Ui组件 NavMenu 导航菜单的具体使用
2019/10/24 Javascript
Python中断言Assertion的一些改进方案
2016/10/27 Python
Python实现连接postgresql数据库的方法分析
2017/12/27 Python
python+matplotlib实现动态绘制图片实例代码(交互式绘图)
2018/01/20 Python
分享一下Python数据分析常用的8款工具
2018/04/29 Python
BP神经网络原理及Python实现代码
2018/12/18 Python
Python给定一个句子倒序输出单词以及字母的方法
2018/12/20 Python
python Selenium实现付费音乐批量下载的实现方法
2019/01/24 Python
python 3.6.7实现端口扫描器
2019/09/04 Python
Django框架HttpRequest对象用法实例分析
2019/11/01 Python
解决pyinstaller 打包exe文件太大,用pipenv 缩小exe的问题
2020/07/13 Python
python 爬取百度文库并下载(免费文章限定)
2020/12/04 Python
CSS3 box-sizing属性
2009/04/17 HTML / CSS
CSS3 transition 实现通知消息轮播条
2020/10/14 HTML / CSS
怎么写好自荐书
2014/03/02 职场文书
《赠汪伦》教学反思
2014/04/12 职场文书
大学运动会加油稿200字(5篇)
2014/09/27 职场文书
2014年宣传部工作总结
2014/11/12 职场文书
高校教师个人总结
2015/02/10 职场文书
2015年高校图书馆工作总结
2015/04/30 职场文书
郭明义电影观后感
2015/06/08 职场文书
2016年优秀党员教师先进事迹材料
2016/02/29 职场文书
Nginx搭建rtmp直播服务器实现代码
2021/03/31 Servers