快速开

安装

npm install @pluve/use-request-vue
# yarn add @pluve/use-request-vue

基本用法

<template>
  <div>
    <button @click="run">获取数据</button>
    <div v-if="loading">加载..</div>
    <div v-else-if="error">错误: {{ error.message }}</div>
    <div v-else>{{ data }}</div>
  </div>
</template>

<script setup>
import useRequest from '@pluve/use-request-vue';

const { data, loading, error, run } = useRequest((params) => fetch('/api/user', { params }).then((res) => res.json()));
</script>

使用插件

<script setup>
import useRequest from '@pluve/use-request-vue';

const { data, run } = useRequest((params) => fetch('/api/search', { params }).then((res) => res.json()), {
  manual: true,
  debounceInterval: 300,
});
</script>