vue3.0中setup

使用axios在Vue3.0的setup中需要先安装axios库，并在需要使用axios的组件或页面中导入axios，然后在setup函数中通过ref或reactive定义一个响应式的数据state，最后在需要发送请求的函数中通过axios发送请求并修改state的值，从而实现页面数据的获取和更新。例如：

1. 安装axios

npm install axios --save

2. 导入axios

import axios from 'axios'

3. 在setup函数中定义state

import {ref} from 'vue'

export default {
  setup() {
    const state = ref({
      dataList: []
    })
    
    // 发送请求的函数
    const fetchData = async() => {
      const res = await axios.get('/api/data')
      state.value.dataList = res.data
    }
    
    return { state, fetchData }
  }
}

4. 在模板中使用state

<template>
  <div>
    <ul>
      <li v-for="data in state.dataList" :key="data.id">{{ data.name }}</li>
    </ul>
    <button @click="fetchData">获取数据</button>
  </div>
</template>