数据请求

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 了。

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

上次更新: 2023/7/6 03:23:08
贡献者: John