0.1.0

A Vue composition utilities for Axios. Lightweight, cancelable and less change.

Quick Start

<script setup>
import { defineProps, toRef } from "vue";
import { useResource } from "@axios-use/vue";

const props = defineProps(["userId"]);
const userId = toRef(props, "userId");
const [reqState] = useResource((id) => ({ url: `/user/${id}` }), [userId]);
</script>

<template>
  <div v-if="reqState.error">{{ reqState.error?.message || "error" }}</div>
  <div v-else-if="reqState.isLoading === false">{{ reqState.data?.name }}</div>
  <div v-else>...</div>
</template>

import { useRequest, useResource } from "@axios-use/vue";