# Async

A renderless component for awaiting promises to resolve; great for making HTTP requests. Supports showing pending, resolved, or rejected promises.


  • Provides abstraction for pending, error, and results logic for Promises.
  • Scoped slots for pending, rejected, and resolved states.

# Installation


// main.js
import Vue from 'vue';
import { VAsync } from 'vuetensils/src/components';

Vue.component('VAsync', VAsync);


// SomeComponent.vue
import { VAsync } from 'vuetensils/src/components';

export default {
  components: {
  // ...

This component is great for handling any asynchronous tasks that involve promises. For example, HTTP requests:

# Handle pending states

# Handle rejected errors

# Access full state with default scoped slot

# Dynamically assign promise

# Call promise using refs

Last Updated: 9/20/2021, 11:48:04 PM