在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 相关文章推荐
angularjs客户端实现压缩图片文件并上传实例
Jul 06 Javascript
谈谈JavaScript的New关键字
Aug 26 Javascript
WebView启动支付宝客户端支付失败的问题小结
Jan 11 Javascript
在使用JSON格式处理数据时应该注意的问题小结
May 20 Javascript
vue.js的手脚架vue-cli项目搭建的步骤
Aug 30 Javascript
浅谈Vuex的状态管理(全家桶)
Nov 04 Javascript
JavaScript实现为事件句柄绑定监听函数的方法分析
Nov 14 Javascript
在vue中实现点击选择框阻止弹出层消失的方法
Sep 15 Javascript
js for终止循环 跳出多层循环
Oct 04 Javascript
elementUI select组件value值注意事项详解
May 29 Javascript
jQuery实现可编辑的表格
Dec 11 jQuery
JavaScript实现PC端横向轮播图
Feb 07 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 更新数据库中断的解决方法
2009/06/05 PHP
PHP+XML 制作简单的留言本 图文教程
2009/11/02 PHP
基于magic_quotes_gpc与magic_quotes_runtime的区别与使用介绍
2013/04/22 PHP
PHP三元运算的2种写法代码实例
2014/05/12 PHP
PHP中Array相关函数简介
2016/07/03 PHP
Yii隐藏URL中index.php的方法
2016/07/12 PHP
JS实现简单的键盘打字的效果
2015/04/24 Javascript
js模仿php中strtotime()与date()函数实现方法
2015/08/11 Javascript
jquery实现邮箱自动填充提示功能
2015/11/17 Javascript
jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】
2016/06/16 Javascript
Vue.js一个文件对应一个组件实践
2016/10/27 Javascript
JSON在Javascript中的使用(eval和JSON.parse的区别)详细解析
2017/09/05 Javascript
node.js中http模块和url模块的简单介绍
2017/10/06 Javascript
jQuery UI实现动画效果代码分享
2018/08/19 jQuery
react build 后打包发布总结
2018/08/24 Javascript
解决betterScroll在vue中存在图片时,出现拉不动的问题
2018/09/27 Javascript
详解小程序设置缓存并且不覆盖原有数据
2019/04/15 Javascript
vue项目打包后怎样优雅的解决跨域
2019/05/26 Javascript
微信小程序如何获取群聊的openGid以及名称详解
2019/07/17 Javascript
vue实现全匹配搜索列表内容
2019/09/26 Javascript
JS通过识别id、value值对checkbox设置选中状态
2020/02/19 Javascript
python中numpy基础学习及进行数组和矢量计算
2017/02/12 Python
Python之Scrapy爬虫框架安装及使用详解
2017/11/16 Python
Python中函数参数调用方式分析
2018/08/09 Python
Python3中函数参数传递方式实例详解
2019/05/05 Python
Python实现快速排序的方法详解
2019/10/25 Python
详解torch.Tensor的4种乘法
2020/09/03 Python
python中os.remove()用法及注意事项
2021/01/31 Python
手把手教你用纯css3实现轮播图效果实例
2017/05/04 HTML / CSS
解释一下Windows的消息机制
2014/01/30 面试题
关于环保的建议书
2014/05/12 职场文书
房产转让协议书(2014版)
2014/09/30 职场文书
公司授权委托书格式样本
2014/10/01 职场文书
党的群众路线整改落实情况汇报
2014/10/28 职场文书
工作违纪检讨书范文
2015/01/26 职场文书
旅游安全责任协议书
2016/03/22 职场文书