Vue.js使用axios动态获取response里的data数据操作

使用Vue.js配合axios获取response中的data数据的步骤如下：

1. 安装axios

npm install axios

1. 在Vue.js中引入axios

import axios from 'axios'

1. 使用axios发送请求并在promise中获取数据

axios.get('/api/user/1').then(response => {
  console.log(response.data)
})

以上代码使用了axios发送了一次GET请求，发送路径为“/api/user/1”，成功后通过.then()方法获取response对象并输出其中的data数据。

对于POST请求的情况，需要在发送请求时指定请求的类型，并通过传递参数的方式传递请求体中的信息。下面是一个POST请求的示例。

axios.post('/api/user', {
  name: 'Alice',
  age: 25
}).then(response => {
  console.log(response.data)
})

此代码向服务器发送了一个POST请求，请求路径为“/api/user”，请求体包含了用户名和年龄两个字段。服务器成功处理请求后返回了一个response对象，我们可以通过.then()方法获取该对象并输出其中的data数据。

浏览器中axios还提供了一些其他的方法，例如put()、delete()来分别发送PUT和DELETE请求，一般情况下用法与GET和POST方法相似。使用axios可以轻松获取response中的data数据，方便地进行后续的相关操作，并极大地简化了前端与服务器的交互过程。