Skip to content

Commit 6366272

Browse files
committed
update readme with vue 2 details
1 parent 86e8cdd commit 6366272

File tree

1 file changed

+16
-6
lines changed

1 file changed

+16
-6
lines changed

README.md

Lines changed: 16 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,10 @@
22

33
vue-grid-layout is a grid layout system, like [Gridster](http://gridster.net), for Vue.js.
44

5+
**Current version:** 2.0.0 (Supports Vue 2.0+)
6+
7+
**For Vue 1 use version [1.0.0](https://github.com/jbaysolutions/vue-grid-layout/tree/1.0.0)**
8+
59

610
**Heavily inspired in [React-Grid-Layout](https://github.com/STRML/react-grid-layout)**
711

@@ -50,7 +54,13 @@ Install the vue-grid-layout [package](https://www.npmjs.org/package/vue-grid-lay
5054

5155
## Usage
5256

53-
npm install vue-grid-layout
57+
npm install vue-grid-layout
58+
59+
or include the script in your html (download from [releases](https://github.com/jbaysolutions/vue-grid-layout/releases)):
60+
61+
```html
62+
<script src="vue-grid-layout.min.js"></script>
63+
````
5464

5565
```javascript
5666

@@ -96,7 +106,7 @@ npm install vue-grid-layout
96106
````html
97107

98108
<grid-layout
99-
:layout.sync="layout"
109+
:layout="layout"
100110
:col-num="12"
101111
:row-height="30"
102112
:is-draggable="true"
@@ -107,10 +117,10 @@ npm install vue-grid-layout
107117
>
108118

109119
<grid-item v-for="item in layout"
110-
:x.sync="item.x"
111-
:y.sync="item.y"
112-
:w.sync="item.w"
113-
:h.sync="item.h"
120+
:x="item.x"
121+
:y="item.y"
122+
:w="item.w"
123+
:h="item.h"
114124
:i="item.i">
115125
{{item.i}}
116126
</grid-item>

0 commit comments

Comments
 (0)