# vuejs-loading-plugin

**Repository Path**: crazyrico/vuejs-loading-plugin

## Basic Information

- **Project Name**: vuejs-loading-plugin
- **Description**: Simple loading screen plugin for your Vue application
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2022-01-28
- **Last Updated**: 2022-01-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vuejs-loading-plugin
Simple loading screen plugin for your Vue application

![Demonstration](https://raw.githubusercontent.com/noxludio/vuejs-loading-plugin/master/example.gif)

## Getting Started
Install
```
npm i --save vuejs-loading-plugin
```

Set up
```javascript
import VueLoading from 'vuejs-loading-plugin'

// using default options
Vue.use(VueLoading)

// overwrite defaults
Vue.use(VueLoading, {
  dark: true, // default false
  text: 'Ladataan', // default 'Loading'
  loading: true, // default false
  customLoader: myVueComponent, // replaces the spinner and text with your own
  background: 'rgb(255,255,255)', // set custom background
  classes: ['myclass'] // array, object or string
})
```

Usage
```javascript
// set loading state manually in components
this.$loading(true)
this.$loading(false)

// use async function
// takes promise and returns a promise
import { asyncLoading } from 'vuejs-loading-plugin'

const login = new Promise( (resolve, reject) => {
  // api call
})
asyncLoading(login).then().catch()

// Custom loading prompt text
this.$loading(true, "拼命加载中...")
```