数据请求
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 了。
什么?还不够用?来来来,后面的章节我们来了解一下一些常用的配置与用法。