vue第四天笔记02—

一、axios请求的步骤：

1.下载依赖，命令行输入下列命令

npm install axios -S

2.在main.js里引入axios

import axios from 'axios'

Vue.prototype.$http = axios

3. 在mounted内部进行axios请求

mounted(){
this.$http.get('数据源文件的路径，其路径相对于index.html')
.then((response)=> {
// 成功以后的执行的代码
console.log(response);
// axios请求是异步，this指向了别的地方，需要使用箭头函数
this.当前文件的数据=response.data.数据;
})
.catch(function (error) {
//失败的时候，执行代码
console.log(error);
})
.then(function () {
// always executed
});
}

二、模仿王者荣耀官网做一个选项卡，要使用axios请求：

注意：

一般动态数据的路径是相对于index.html(本例子中的json文件是存放动态数据的文件，所以路径相对于index.html)

vue第四天笔记02——axios请求相关推荐

Request和Response-学习笔记02【请求转发和request共享数据、Request_获取ServletContext、request登录案例】
Java后端学习路线笔记汇总表[黑马程序员] Request和Response-学习笔记01[Request_原理和继承体系.Request_获取请求数据][day01] Request和Resp ...
Vue + Spring Boot 学习笔记02：引入数据库实现用户登录功能
Vue + Spring Boot 学习笔记02:引入数据库实现用户登录功能在学习笔记01里,我们利用跨域打通了前端的Vue与后端的Spring Boot,实现了用户登录功能,但是后台的登录控制器在 ...
vue 接口数据排序_Vue 使用 axios 请求 mock 模拟接口的数据
安装使用 axios # axios 安装使用npm install axios --save# main.js 引入 axiosimport axios from 'axios'Vue.proto ...
Python 爬虫篇#笔记02# | 网页请求原理和抓取网页数据
目录一. 网页请求原理 1.1 浏览网页的过程 1.2 统一资源定位符URL 1.3 计算机域名系统DNS 1.4 分析浏览器显示完整网页的过程 1.5 客户端THHP请求格式 1.6 服务端HTT ...
vue utils.js公共方法中axios请求返回数据
utils.js中 async getmaterialList() {try {const res = await axios.post('接口')return res.data.data} catc ...
Vue.js实战梁笔记02（第3-5章）
1.计算属性当表达式过程的时候,不如使用函数,如何使用函数呢,使用methods是一种,使用计算属性也是一种方式. 所有的计算属性都是以函数的形式卸载vue实例内的computed选项内,最终返回计 ...
Mysql第四天笔记02——多表连接查询
目录 1.什么是连接 2.连接类型 3.笛卡尔积 4.限制歧义列名 5.多表查询 6.自身连接 7.交叉连接 8.自然连接 9.USING子句 10.ON子句 11.左外连接和右外连接 1.什么是连接 ...
Java第四天笔记02——方法的定义及调用
目录 1.方法的定义 2.方法的声明 3.方法名词解释 4.方法的分类 5.方法的调用 6.方法中改变形参值 7.方法的重载 1.方法的定义方法是完成某个功能的一组语句,通常将常用的功能写成一个方法 ...
vue中axios请求的封装
axios Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中, 也是vue官方推荐使用的http库:封装axios,一方面为了以后维护方便,另一方面也可以 ...
Vue学习笔记：axios 拦截器的用法
Vue学习笔记:axios 拦截器的用法什么是axios 拦截器? 拦截器就是拦截每一次的请求和响应,然后进行相应的处理.请求拦截器,它可以统一在你发送请求前在请求体里加上token:响应拦截器,是 ...

vue第四天笔记02——axios请求

一、axios请求的步骤：

1.下载依赖，命令行输入下列命令

2.在main.js里引入axios

3. 在mounted内部进行axios请求

二、模仿王者荣耀官网做一个选项卡，要使用axios请求：

vue第四天笔记02——axios请求相关推荐

最新文章

热门文章