vue-use-async

Xhr helpers to use in client (VueJS) projects

Navigation

• Installation
• Usage
• FlowJS

Installation

npm install vue-use-async

Usage

import { Xhr, useXhr, useAsync } from 'vue-use-async';

• Xhr Class

  new Xhr().get({ url: '/' });
  

• useXhr, you must install @vue/composition-api via Vue.use() before using other APIs:

  const { get } = useXhr({ token });
  const { 
    data, 
    isPending,
    promise,
  } = get({ url: '/', cacheDuration: 200 });
  

  E.g; In setup, a computed bearer token can be used. Each query has data bind to be used directly in a template. A cache can be specified, therefore during this time an other query with same parameters will be directly resolved.

• useAsync, similar to useXhr can resolve a function when computed parameters changed. if condition is used, the function will wait true before being applied.

  const func = () => Promise.resolve('ok');
  const { data } = useAsync(func, [params, condition]);
  

FlowJS

FlowJS is used as static types. index.js.flow import all definitions.