vue-http-fast v2.1.10

vue-http-fast

simplly http request in vue component

How to install

yarn add vue-http-fast
# or
npm i vue-http-fast

import vueHttpFast from 'vue-http-fast';

// in Vue 2
Vue.use(vueHttpFast, { ...options });

// in Vue 3
App.use(vueHttpFast, { ...options });

// Option Example
options = {
  async launch(api, method, data, headers) {
    return axios({
      method: 'get',
      url: api,
      data,
      headers,
    });
  },
};

How to use

<http api="..." method="get" :params="{ hello: 'world' }" v-slot="{ data }">
  <div>{{ data }}</div>
</http>

How to Secondary Request

// Refresh according to the method set on the component
this.$refs.http.refresh(params, headers);

// Send request as method get
this.$refs.http.get(params, headers);

// Send request as method post
this.$refs.http.get(params, headers);

Or it can be written in template like

<http api="..." ref="http">
  <div>{{ data }}</div>

  <button @click="$refs.http.refresh">refresh</button>
  <button @click="$refs.http.get({ respect: false })">get</button>
  <button @click="$refs.http.post({ respect: true })">post</button>
</http>

Tip

vue-http-fast do not have the ability to send requests, you need to configure the request class during registration

Docs