History

jayhgq 55617d125d 初始化		2025-10-20 21:21:14 +08:00
..
01-basic.md	初始化	2025-10-20 21:21:14 +08:00
02-events.md	初始化	2025-10-20 21:21:14 +08:00
03-multiple-grids.md	初始化	2025-10-20 21:21:14 +08:00
04-allow-ignore.md	初始化	2025-10-20 21:21:14 +08:00
05-mirrored.md	初始化	2025-10-20 21:21:14 +08:00
06-responsive.md	初始化	2025-10-20 21:21:14 +08:00
07-prevent-collision.md	初始化	2025-10-20 21:21:14 +08:00
08-responsive-predefined-layouts.md	初始化	2025-10-20 21:21:14 +08:00
09-dynamic-add-remove.md	初始化	2025-10-20 21:21:14 +08:00
10-drag-from-outside.md	初始化	2025-10-20 21:21:14 +08:00
auto-size.md	初始化	2025-10-20 21:21:14 +08:00
events.md	初始化	2025-10-20 21:21:14 +08:00
examples.md	初始化	2025-10-20 21:21:14 +08:00
properties.md	初始化	2025-10-20 21:21:14 +08:00
README.md	初始化	2025-10-20 21:21:14 +08:00
styling.md	初始化	2025-10-20 21:21:14 +08:00
usage.md	初始化	2025-10-20 21:21:14 +08:00

README.md

Installation

NPM

npm install vue-grid-layout --save

Yarn

yarn add vue-grid-layout

Import the library

    import VueGridLayout from 'vue-grid-layout';

Add to other Vue components

   export default {
       components: {
           GridLayout: VueGridLayout.GridLayout,
           GridItem: VueGridLayout.GridItem
       },
   // ... data, methods, mounted (), etc.
   }

browser

Include the browser-ready bundle (download from releases) in your page. The components will be automatically available.

    <script src="vue-grid-layout.umd.min.js"></script>