Axios基本用法

基本用法如下：

axios（｛选项｝）

axios.get（url，{options}）；

GET参数传输模式：

 nbsp； ；1.通过url传递参数

 nbsp； ；2.通过params选项传递参数

POST参数传输方法：

 nbsp； ；axios.post（url，数据，{options}）；

默认情况下，axios将JavaScript对象序列化为JSON。要以application/x-wwww-form-urlencoded格式发送数据，可以使用以下选项之一。

价值转移方法：

 nbsp； ；1.作为键值对的自拼接

 nbsp； ；2.在发送请求之前，使用transformRequest转换请求数据

 nbsp； ；3.如果使用模块化开发，则可以使用qs模块进行转换

get和post之间的区别

Vue中axios中箭头函数和函数（响应）函数体之间的差异

1.方法下的函数this指向当前创建的vue实例，

2.轴与后台交互后，回调函数的内部this指向窗口而不是当前vue实例，

3.如果要获取从后台返回的数据以更新数据中的数据，则不能在回调函数中直接使用此函数。您应该使用存储在外部函数定义的变量（例如_this）中的变量，即当前vue的实例。

4.使用箭头函数后，箭头函数指向的函数的内部this已绑定到外部vue实例

Axios获取请求代码示例

 书信电报；头部>

 nbsp； ；&书信电报；meta charset=“UTF-8”>；

 nbsp； ；&书信电报；title>Axios请求</title>

 nbsp； ；&书信电报；script src=“../js/vue.js”>；<；/脚本>

 nbsp； ；&书信电报；script src=“../js/axios-0.21.1.js”>；<；/脚本>

 lt；/头部>

 书信电报；正文>

 nbsp； ；&书信电报；div id=“app”>；

 nbsp； ； ； ；&书信电报；input type=“button”value=“sendAxiosGet1”@click=“sendAxios Get1”>；

 nbsp； ； ； ；&书信电报；table border=“1”cellspacing=“0”>；

 nbsp； ； ； ； ； ；&书信电报；tr>

 nbsp； ； ； ； ； ； ； ；&书信电报；td v-for=“columnName中的值”>；｛｛value｝｝

 nbsp； ； ； ； ； ；<；/tr>

 nbsp； ； ； ； ； ；&书信电报；tr v-for=“学生中的学生”>；

 nbsp； ； ； ； ； ； ； ；&书信电报；td>｛｛student.id｝｝

 nbsp； ； ； ； ； ； ； ；&书信电报；td>｛｛student.name｝｝

 nbsp； ； ； ； ； ； ； ；&书信电报；td>｛｛student.age｝｝

 nbsp； ； ； ； ； ； ； ；&书信电报；td>｛｛student.email｝｝

 nbsp； ； ； ； ； ；<；/tr>

 nbsp； ； ； ；<；/表>

 nbsp； ；<；/分区>

 lt；/正文>

 书信电报；脚本>

 nbsp； ；let vm=新Vue({

 nbsp； ； ； ；el:“#app”，

 nbsp； ； ； ；数据（）{

 nbsp； ； ； ； ； ；返回{

 nbsp； ； ； ； ； ； ； ；列名称：{

 nbsp； ； ； ； ； ； ； ； ； ；no：“否”，

 nbsp； ； ； ； ； ； ；&国家统计局