数据请求

const { data, error } = useRequest(Service, options); 

这是 VueRequest 最基本的 API。这里的 Service 它必须是一个返回 Promise 的函数,返回的结果将决定是传递 data(resolve) 亦或者是error(reject)。函数的入参将会被当做 params 传递给 API 接口。

换句话说,你可以使用 第三方的请求库(如 axios 来获取数据,然后将该请求传给 VueRequest 来进行管理。

我们来举个例子 🌰

import { useRequest } from 'vue-request'; import axios from 'axios'; const getUser = userName => { return axios.get('api/user', { params: { name: userName, }, }); }; const { data, run } = useRequest(getUser, { defaultParams: ['马冬梅'], }); // ... run('张三'); 

恭喜你,你已经入门了 VueRequest 了。

什么?还不够用?来来来,后面的章节我们来了解一下一些常用的配置与用法。

上次更新: 2025/3/14 02:38:18
贡献者: John