Package Exports

v-demi-request
v-demi-request/dist/index.es.js
v-demi-request/dist/index.umd.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (v-demi-request) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

V-Demi-Request

introduction

VDR(v-demi-request) is a data-fetching library for Vue3/Vue2 Composition-Api.

Features:

Written in Typescript
Auto error retry
Interval request
Online/offline/browser-tab-inactive detect
Custom request caller (Fetch/Axios/Any other library based on promise)
Auto cache
Dependence request

...balabala

Quick start

基础用法

第二个参数可传入任意返回promise的请求函数

通常情况下，调用 useVDR 时请求会立即触发，可在第三个参数传入 config 控制不立即触发

import { useVDR } from 'v-demi-request';
import { defineComponent } from '@vue/runtime-core';

defineComponent({
    setup() {
        const { data, error } = useVDR('/api/getData', fetch);

        return {
            data,
            error
        };
    }
});

可传入数组，数组成员将依次传入第二个参数中的请求函数

第一个参数的成员是响应式的，值的变化会触发请求

import { useVDR } from 'v-demi-request';
import { defineComponent } from '@vue/runtime-core';
import axios from 'axios';

defineComponent({
    setup() {
        const params = {}
        const { data, error } = useVDR(['/api/getData', params], axios.post);

        return {
            data,
            error
        };
    }
});

自定义触发请求的依赖

只有当依赖全部为 true 的时候 key 的变化才会触发请求

import { useVDR } from 'v-demi-request';
import { defineComponent } from '@vue/runtime-core';
import axios from 'axios';

defineComponent({
    setup() {
        const params = {}
        const canRequrst = ref (false)
        const { data, error } = useVDR(['/api/getData', params], axios.post, {
            requiredDeps:[canRequrst]
        });

        return {
            data,
            error
        };
    }
});