@@ -17,18 +17,36 @@ Responsive grid system based on Bootstrap for Vue.
17
17
18
18
### NPM
19
19
20
+ ** vue 2.0**
21
+
20
22
```
21
23
npm i vue-grid-responsive
22
24
// OR
23
25
yarn add vue-grid-responsive
24
26
```
25
27
28
+ ** vue 3.0**
29
+
30
+ ```
31
+ npm i vue-grid-responsive@next
32
+ // OR
33
+ yarn add vue-grid-responsive@next
34
+ ```
35
+
26
36
### CDN
27
37
38
+ ** vue 2.0**
39
+
28
40
``` html
29
41
<script src =" https://unpkg.com/vue-grid-responsive" ></script >
30
42
```
31
43
44
+ ** vue 3.0**
45
+
46
+ ``` html
47
+ <script src =" https://unpkg.com/vue-grid-responsive@next" ></script >
48
+ ```
49
+
32
50
### Manual
33
51
34
52
You can also download and import it manually
@@ -39,12 +57,28 @@ You can also download and import it manually
39
57
40
58
## Module import
41
59
60
+ ** vue 2.0**
61
+
42
62
``` js
43
63
import Vue from ' vue' ;
44
- import { Row , Column } from ' vue-grid-responsive' ;
64
+ import { Row , Column , Hidden } from ' vue-grid-responsive' ;
45
65
46
66
Vue .component (' row' , Row);
47
67
Vue .component (' column' , Column);
68
+ Vue .component (' hidden' , Hidden);
69
+ ```
70
+
71
+ ** vue 3.0**
72
+
73
+ ``` js
74
+ import { createApp } from ' vue' ;
75
+ import { Row , Column , Hidden } from ' vue-grid-responsive' ;
76
+
77
+ const app = createApp (App);
78
+
79
+ app .component (' row' , Row);
80
+ app .component (' column' , Column);
81
+ app .component (' hidden' , Hidden);
48
82
```
49
83
50
84
## Examples
0 commit comments