初步使用vue中axios

摘要:
需要全局配置“axios”中的Importaxios;全局配置使用axios而不是一次引入每个模块。

1.下载axios

npm install axios --save

2.两种方式使用axios

(1)在模块中引入axios

例如:我在用户登陆界面需要使用axios,就在login页面引入,不是全局的。全局需要配置

import axios from 'axios';

初步使用vue中axios第1张

(2)全局配置使用axios,不用每个模块都引入一次。只需在要使用的地方,用this.axios调用axios

 在main.js中引入axios

import axios from 'axios';
Vue.prototype.axios= axios;

初步使用vue中axios第2张

使用,在使用时因为把axios加到了原型链上,所以,使用需要用this.axios

this.axios({
	method:"get",
	url:"user.json"
}).then(function(res){
	console.log(res)
})

  

免责声明:文章转载自《初步使用vue中axios》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇常用css和js内容bootstrapvalidator使用,重置校验下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Vue(一)

一、es6语法:let和const es6新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。 上面代码在代码块之中,分别用let和var声明了两个变量。然后在代码块之外调用这两个变量,结果let声明的变量报错,var声明的变量返回了正确的值。这表明,let声明的变量只在它所在的代码块有效 for循环...

vue解决大文件断点续传

一、概述 所谓断点续传,其实只是指下载,也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的,HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。HTTP协议本身不支持断点上传,需要自己实现。 二、Range 用于请求头中,指定第一个字节的位置和最后一个字节的位置,一般格式: R...

从零开始Vue项目实战(二)-搭建环境

1、下载node.js并安装 下载地址:https://nodejs.org/en/download/。 下载.msi 格式的直接连续下一步就可以了。安装完成后可以用 node -v 和 npm -v 查看版本号。 2、安装vue-cli 脚手架构建工具 在命令行中输入npm install -g vue-cli,自动下载vue-cli...

Vue官网todoMVC示例

这个示例是模仿官网示例样式和功能用我自己的方式写的,基本上没有看官网的源码,只参考自定义指令。让我们一步步来探讨一下。官网demo 要实现的功能 单条添加todo 单条删除todo 双击编辑todo 单条todo已完成相应样式状态改变 全部todo是已完成相应样式状态改变 清除全部已完成todos 待办todos数量显示 所有todos,已完成todos,...

使用vue开发移动端管理后台

1.对于项目的一些心得与体会 首先的一点,就是,对于图形界面框架的选型,这个很重要,对于一项目来说,开始动手前就要对项目的设计图有个完整的了解,以便于自己选择插件或者框架; 然后就是,对于交互性操作,比如:上传图片,预览图片啥的,应该选择是否是用图形界面框架来实现还是另选专门的插件来实现 在完成项目中,我又新学到了上传图片插件vue-core-image-...

Vue组件-组件组合

组件设计初衷就是要配合使用的,最常见的就是形成父子组件的关系:组件 A 在它的模板中使用了组件 B。 1 <html> 2 <head> 3 <title>Vue组件 A 在它的模板中使用了组件 B的例子</title> 4 <script src="vue.js">...