File tree Expand file tree Collapse file tree 1 file changed +20
-3
lines changed
packages/vue-cheetah-grid Expand file tree Collapse file tree 1 file changed +20
-3
lines changed Original file line number Diff line number Diff line change 7
7
[ ![ npm] ( https://img.shields.io/npm/dy/vue-cheetah-grid.svg )] ( http://www.npmtrends.com/vue-cheetah-grid )
8
8
[ ![ npm] ( https://img.shields.io/npm/dt/vue-cheetah-grid.svg )] ( http://www.npmtrends.com/vue-cheetah-grid )
9
9
[ ![ Build Status] ( https://github.com/future-architect/cheetah-grid/workflows/CI/badge.svg?branch=master )] ( https://github.com/future-architect/cheetah-grid/actions?query=workflow%3ACI )
10
- [ ![ NPM] ( https://nodei.co/npm/vue-cheetah-grid.png?downloads=true&stars=true )] ( https://www.npmjs.com/package/vue-cheetah-grid )
10
+
11
+ It supports Vue 2 and Vue 3.
11
12
12
13
## Install using npm
13
14
@@ -41,15 +42,29 @@ npm install -S vue-cheetah-grid
41
42
</template >
42
43
```
43
44
44
- ### ` <script> ` use global
45
+ ### Use Components Globally
46
+
47
+ Vue3:
48
+
49
+ ``` js
50
+ import { createApp } from " vue" ;
51
+ import CGrid from " vue-cheetah-grid" ;
52
+
53
+ const app = createApp (App);
54
+
55
+ app .use (CGrid);
56
+ ```
57
+
58
+ Vue2:
45
59
46
60
``` js
61
+ import Vue from " vue" ;
47
62
import CGrid from " vue-cheetah-grid" ;
48
63
49
64
Vue .use (CGrid);
50
65
```
51
66
52
- ### ` <script> ` use local
67
+ ### Use Components Locally
53
68
54
69
``` vue
55
70
<script>
@@ -82,6 +97,8 @@ Please refer to the [documents](https://future-architect.github.io/cheetah-grid/
82
97
| ` <c-grid-icon-column> ` | Icon column definition | component for icon column definition |
83
98
| ` <c-grid-percent-complete-bar-column> ` | Percent complete bar column definition | component for Percent complete bar column definition |
84
99
100
+ There are other components available as well.
101
+
85
102
Please refer also to the [ Available Vue Components] ( https://future-architect.github.io/cheetah-grid/documents/api/vue/components/ )
86
103
87
104
---
You can’t perform that action at this time.
0 commit comments