在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 相关文章推荐
EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题
Apr 16 Javascript
jQuery实现类似滑动门切换效果的层切换
Sep 23 Javascript
js获取触发事件元素在整个网页中的绝对坐标(示例代码)
Dec 13 Javascript
jQuery实现简单的日期输入格式化控件
Mar 12 Javascript
java必学必会之static关键字
Dec 03 Javascript
JavaScript定时器setTimeout()和setInterval()详解
Aug 18 Javascript
关于Vue单页面骨架屏实践记录
Dec 13 Javascript
详解vue2.0 不同屏幕适配及px与rem转换问题
Feb 23 Javascript
vue click.stop阻止点击事件继续传播的方法
Sep 04 Javascript
详解无限滚动插件vue-infinite-scroll源码解析
May 12 Javascript
Webpack 4如何动态切割JS注入文件名详解
Jul 09 Javascript
Vue的列表之渲染,排序,过滤详解
Feb 24 Vue.js
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
一个很方便的 XML 类!!原创的噢
2006/10/09 PHP
PHP的几个常用数字判断函数代码
2012/04/24 PHP
IIS下PHP的三种配置方式对比
2014/11/20 PHP
ThinkPHP提示错误Fatal error: Allowed memory size的解决方法
2015/02/12 PHP
详解EventDispatcher事件分发组件
2016/12/25 PHP
HR vs ForZe BO3 第一场 2.13
2021/03/10 DOTA
贴一个在Mozilla中常用的Javascript代码
2007/01/09 Javascript
用 JSON 处理缓存
2007/04/27 Javascript
简短几句 通俗解释javascript的闭包
2011/01/17 Javascript
枚举的实现求得1-1000所有出现1的数字并计算出现1的个数
2013/09/10 Javascript
关于onchange事件在IE和FF下的表现及解决方法
2014/03/08 Javascript
JS循环遍历JSON数据的方法
2014/07/08 Javascript
JavaScript参数个数可变的函数举例说明
2014/10/10 Javascript
javascript中createElement的两种创建方式
2015/05/14 Javascript
Bootstrap实现默认导航栏效果
2020/09/21 Javascript
JSON+Jquery省市区三级联动
2016/01/13 Javascript
Angular ng-repeat 对象和数组遍历实例
2016/09/14 Javascript
深入理解Javascript中的观察者模式
2017/02/20 Javascript
如何抽象一个Vue公共组件
2017/10/17 Javascript
vue中设置、获取、删除cookie的方法
2018/09/21 Javascript
JavaScript将数组转换为链表的方法
2020/02/16 Javascript
vue-quill-editor插入图片路径太长问题解决方法
2021/01/08 Vue.js
django开发之settings.py中变量的全局引用详解
2017/03/29 Python
详解python读取image
2019/04/03 Python
python @classmethod 的使用场合详解
2019/08/23 Python
python实现ip地址查询经纬度定位详解
2019/08/30 Python
使用NumPy读取MNIST数据的实现代码示例
2019/11/20 Python
Python实现初始化不同的变量类型为空值
2020/06/02 Python
Python QT组件库qtwidgets的使用
2020/11/02 Python
个人培训自我鉴定
2014/03/28 职场文书
护士长竞聘书
2014/03/31 职场文书
优秀应届本科生求职信
2014/07/19 职场文书
我的中国梦演讲稿800字
2014/08/19 职场文书
放飞梦想演讲稿800字
2014/08/26 职场文书
自愿离婚协议书范本
2014/09/13 职场文书
Matlab如何实现矩阵复制扩充
2021/06/02 Python