在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 相关文章推荐
setTimeout 不断吐食CPU的问题分析
Apr 01 Javascript
js 获取(接收)地址栏参数值的方法
Apr 01 Javascript
jquery select多选框的左右移动 具体实现代码
Jul 03 Javascript
js导出txt示例代码
Jan 14 Javascript
js识别不同浏览器基于userAgent做判断
Jul 29 Javascript
javascript实现当前页导航激活的方法
Feb 27 Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
Mar 26 Javascript
jQuery EasyUI编辑DataGrid用combobox实现多级联动
Aug 29 Javascript
浅谈在fetch方法中添加header后遇到的预检请求问题
Aug 31 Javascript
js点击时关闭该范围下拉菜单之外的菜单方法
Jan 11 Javascript
vue引用js文件的多种方式(推荐)
May 17 Javascript
Vue中保存数据到磁盘文件的方法
Sep 06 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/05/27 PHP
PHP strstr 函数判断字符串是否否存在的实例代码
2013/09/28 PHP
php格式输出文件var_export函数实例
2014/11/15 PHP
PHP实现获取客户端IP并获取IP信息
2015/03/17 PHP
php将图片保存为不同尺寸图片的图片类实例
2015/03/30 PHP
PHP面向对象五大原则之依赖倒置原则(DIP)详解
2018/04/08 PHP
PHP设计模式之模板方法模式实例浅析
2018/12/20 PHP
JS 统计时间
2021/03/09 Javascript
js程序中美元符号$是什么
2008/06/05 Javascript
jquery不会自动回收xmlHttpRequest对象 导致了内存溢出
2012/06/18 Javascript
javascript ie6兼容position:fixed实现思路
2013/04/01 Javascript
jQuery中json对象的复制方式介绍(数组及对象)
2013/06/08 Javascript
jquery获取子节点和父节点的示例代码
2013/09/10 Javascript
用Javascript获取页面元素的具体位置
2013/12/09 Javascript
js将控件隐藏及display属性的使用介绍
2013/12/30 Javascript
对比分析AngularJS中的$http.post与jQuery.post的区别
2015/02/27 Javascript
JS实现文件动态顺序载入的方法
2015/03/07 Javascript
js+html5实现复制文字按钮
2017/07/15 Javascript
微信小程序 同步请求授权的详解
2017/08/04 Javascript
js实现加载页面就自动触发超链接的示例
2017/08/31 Javascript
使用Dropzone.js上传的示例代码
2017/10/10 Javascript
深入理解 Koa 框架中间件原理
2018/10/18 Javascript
浅谈JS for循环中使用break和continue的区别
2020/07/21 Javascript
[01:10:58]Spirit vs NB Supermajor小组赛 A组败者组决赛 BO3 第二场 6.2
2018/06/03 DOTA
Python中列表元素转为数字的方法分析
2016/06/14 Python
python数据抓取分析的示例代码(python + mongodb)
2017/12/25 Python
python利用高阶函数实现剪枝函数
2018/03/20 Python
Pycharm最常用的快捷键及使用技巧
2020/03/05 Python
python实现测试工具(一)——命令行发送get请求
2020/10/19 Python
python打包生成so文件的实现
2020/10/30 Python
利用CSS3的特性改变文本选中时的颜色
2013/09/11 HTML / CSS
AmazeUI 面板的实现示例
2020/08/17 HTML / CSS
JAVA中运算符的分类及举例
2015/09/12 面试题
海洋科学专业求职信
2014/08/10 职场文书
群教个人对照检查材料
2014/08/20 职场文书
2015年护士节慰问信
2015/03/23 职场文书