File tree 1 file changed +29
-0
lines changed
1 file changed +29
-0
lines changed Original file line number Diff line number Diff line change @@ -4,18 +4,47 @@ Using to block whlie client processed work. Please checkout [Demo](https://helma
4
4
![ Screenshot] ( ./src/assets/screenshot.png )
5
5
6
6
## Installation
7
+
8
+ For vue 2
9
+
7
10
```
8
11
npm i --save vuejs-loading-screen
9
12
```
10
13
14
+ or with vue 3
15
+
16
+ ```
17
+ npm i --save vue3-loading-screen
18
+ ```
19
+
11
20
## Usage
21
+
22
+ Vue2:
23
+
12
24
``` js
13
25
import Vue from ' vue'
14
26
import loading from ' vuejs-loading-screen'
15
27
16
28
Vue .use (loading)
17
29
```
18
30
31
+ Vue3:
32
+
33
+ ``` js
34
+ import {createApp } from ' vue'
35
+ import App from ' ./App.vue'
36
+ import Loading from ' vue3-loading-screen'
37
+
38
+ cosnt app = createApp (App)
39
+
40
+ app .use (Loading, /* {...}*/ )
41
+
42
+ app .mount (' #app' )
43
+
44
+ ```
45
+
46
+ From now you can use ` $isLoading ` as globally function to trigger show/hide loading screen.
47
+
19
48
``` vue
20
49
<template>
21
50
<h1>Welcome to VueLoading Screen</h1>
You can’t perform that action at this time.
0 commit comments