在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 相关文章推荐
让textarea控件的滚动条怎是位与最下方
Apr 20 Javascript
jQuery AnythingSlider滑动效果插件
Feb 07 Javascript
jquery实现居中弹出层代码
Aug 25 Javascript
jQuery Clone Bug解决代码
Dec 22 Javascript
js将iframe中控件的值传到主页面控件中的实现方法
Mar 11 Javascript
javascript制作坦克大战全纪录(2)
Nov 27 Javascript
jquery.ajax之beforeSend方法使用介绍
Dec 08 Javascript
javascript控制图片播放的实现代码
Jul 29 Javascript
基于Bootstrap实现城市三级联动
Nov 23 Javascript
详解微信小程序实现仿微信聊天界面(各种细节处理)
Feb 17 Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
Sep 12 Javascript
JS 事件机制完整示例分析
Jan 15 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取整函数ceil,floo,round的用法及介绍
2013/08/31 PHP
使用YUI+Ant 实现JS CSS压缩
2014/09/02 PHP
PHP多线程类及用法实例
2014/12/03 PHP
在Nginx上部署ThinkPHP项目教程
2015/02/02 PHP
解决php的“It is not safe to rely on the system’s timezone settings”问题
2015/10/08 PHP
Thinkphp5行为使用方法汇总
2017/12/21 PHP
laravel 之 Eloquent 模型修改器和序列化示例
2019/10/17 PHP
JavaScript DOM 学习第七章 表单的扩展
2010/02/19 Javascript
jquery实现的省市区三级联动
2015/04/02 Javascript
jquery.mousewheel实现整屏翻屏效果
2015/08/30 Javascript
bootstrap日历插件datetimepicker使用方法
2016/12/14 Javascript
详解jQuery事件
2017/01/13 Javascript
canvas仿iwatch时钟效果
2017/03/06 Javascript
详解vue-cli + webpack 多页面实例应用
2017/04/25 Javascript
Django与Vue语法的冲突问题完美解决方法
2017/12/14 Javascript
详解vue-cli 快速搭建单页应用之遇到的问题及解决办法
2018/03/01 Javascript
JS实现模糊查询带下拉匹配效果
2018/06/21 Javascript
vue  自定义组件实现通讯录功能
2018/09/30 Javascript
javascript面向对象创建对象的方式小结
2019/07/29 Javascript
[01:10]DOTA2次级职业联赛 - Fly战队宣传片
2014/12/01 DOTA
python标准算法实现数组全排列的方法
2015/03/17 Python
Python爬虫抓取手机APP的传输数据
2016/01/22 Python
Python探索之SocketServer详解
2017/10/28 Python
详解Python中的Numpy、SciPy、MatPlotLib安装与配置
2017/11/17 Python
python pandas修改列属性的方法详解
2018/06/09 Python
python for 循环获取index索引的方法
2019/02/01 Python
详细介绍Python进度条tqdm的使用
2019/07/31 Python
python设置代理和添加镜像源的方法
2020/02/14 Python
python中68个内置函数的总结与介绍
2020/02/24 Python
信号生成及DFT的python实现方式
2020/02/25 Python
vscode+PyQt5安装详解步骤
2020/08/12 Python
介绍一下Make? 为什么使用make
2013/12/08 面试题
王力宏牛津大学演讲稿
2014/05/22 职场文书
项目战略合作意向书
2015/05/08 职场文书
Java SSH 秘钥连接mysql数据库的方法
2021/06/28 Java/Android
mysql查看表结构的三种方法总结
2022/07/07 MySQL