@rhao/request-middleware-vue
适配
Vue的@rhao/request中间件。
安装
使用 npm
npm i vue @rhao/request @rhao/request-middleware-vue使用 yarn or pnpm
pnpm add vue @rhao/request @rhao/request-middleware-vue使用
创建 useRequest.ts。
// hooks/useRequest.ts
import { RequestVue } from '@rhao/request-middleware-vue'
export const useRequest = createRequestHook({ middleware: [RequestVue()] })单文件组件中使用。
<script setup lang='ts'>
import { useRequest } from 'hooks/useRequest'
// data: ref([])
// loading: ref(false)
// error: ref(undefined)
// params: ref([])
const { data, loading, error, params } = useRequest(() => Promise.resolve([]))
</script>
<template>
<div>{{ data }}</div>
<div v-if="loading">loading...</div>
</template>