在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 相关文章推荐
iframe 异步加载技术及性能分析
Jul 19 Javascript
Js如何判断客户端是PC还是手持设备简单分析
Nov 22 Javascript
仿谷歌主页js动画效果实现代码
Jul 14 Javascript
javascript实用小函数使用介绍
Nov 11 Javascript
node.js中的http.request.end方法使用说明
Dec 10 Javascript
简单对比分析JavaScript中的apply,call与this的使用
Dec 04 Javascript
Bootstrap3学习笔记(三)之表格
May 20 Javascript
js简单实现图片延迟加载的方法
Jul 19 Javascript
移动端滑动插件Swipe教程
Oct 16 Javascript
使用vue实现点击按钮滑出面板的实现代码
Jan 10 Javascript
简单实现js选项卡切换效果
Feb 09 Javascript
详解从Vue-router到html5的pushState
Jul 21 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函数
2006/10/09 PHP
php开发文档 会员收费1期
2012/08/14 PHP
php基于Fleaphp框架实现cvs数据导入MySQL的方法
2016/02/23 PHP
php ajax实现文件上传进度条
2016/03/29 PHP
PHP使用Session实现上传进度功能详解
2019/08/06 PHP
一个可以兼容IE FF的加为首页与加入收藏实现代码
2009/11/02 Javascript
js setTimeout 参数传递使用介绍
2013/08/13 Javascript
jQuery 借助插件Lavalamp实现导航条动态美化效果
2013/09/27 Javascript
关于img的href和src取变量及赋值的方法
2014/04/28 Javascript
使用cluster 将自己的Node服务器扩展为多线程服务器
2014/11/10 Javascript
js实现图片上传并正常显示
2015/12/19 Javascript
vue实现随机验证码功能的实例代码
2019/04/30 Javascript
[01:20]DOTA2 齐天大圣至宝动态展示
2016/12/13 DOTA
Python判断Abundant Number的方法
2015/06/15 Python
python比较两个列表是否相等的方法
2015/07/28 Python
Python3实现简单可学习的手写体识别(实例讲解)
2017/10/21 Python
python使用KNN算法手写体识别
2018/02/01 Python
浅谈利用numpy对矩阵进行归一化处理的方法
2018/07/11 Python
使用matplotlib中scatter方法画散点图
2019/03/19 Python
树莓派与PC端在局域网内运用python实现即时通讯
2019/06/22 Python
python程序快速缩进多行代码方法总结
2019/06/23 Python
Python实现12306火车票抢票系统
2019/07/04 Python
线程安全及Python中的GIL原理分析
2019/10/29 Python
微信小程序实现可实时改变转速的css3旋转动画实例代码
2018/09/11 HTML / CSS
玩具反斗城葡萄牙官方商城:Toys"R"Us葡萄牙
2016/10/21 全球购物
eBay德国站:eBay.de
2017/09/14 全球购物
HomeAway澳大利亚:预订你的度假屋,公寓、度假村、别墅等
2019/02/20 全球购物
护理专业自荐信
2013/12/03 职场文书
教师应聘个人求职信
2013/12/10 职场文书
行政办公室岗位职责
2014/03/18 职场文书
公司晚会主持词
2014/03/22 职场文书
工资收入证明
2014/10/07 职场文书
社保转移委托书范本
2014/10/08 职场文书
荒岛余生观后感
2015/06/09 职场文书
导游词之台湾安平古堡
2019/12/25 职场文书
Redis遍历所有key的两个命令(KEYS 和 SCAN)
2021/04/12 Redis