[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-10057":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":18,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":23,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":32,"readmeContent":33,"aiSummary":34,"trendingCount":16,"starSnapshotCount":16,"syncStatus":35,"lastSyncTime":36,"discoverSource":37},10057,"vue-grid-layout","jbaysolutions\u002Fvue-grid-layout","jbaysolutions","A draggable and resizable grid layout, for Vue.js.","https:\u002F\u002Fjbaysolutions.github.io\u002Fvue-grid-layout\u002F",null,"JavaScript",7412,1537,124,241,0,1,3,40.56,"MIT License",false,"master",true,[25,26,27,28,29,30,31],"drag-and-drop","grid","grid-layout","resize","vue","vuejs2","widget","2026-06-12 02:02:16","\u003Cp align=\"center\">\u003Ca href=\"https:\u002F\u002Fjbaysolutions.github.io\u002Fvue-grid-layout\u002F\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cimg width=\"100\" src=\"https:\u002F\u002Fjbaysolutions.github.io\u002Fvue-grid-layout\u002Fassets\u002Fimg\u002Flogo.png\" alt=\"Vue Grid Layout\">\u003C\u002Fa>\u003C\u002Fp>\n\n\u003Ch1 align=\"center\">vue-grid-layout\u003C\u002Fh1>\n\n\u003Cp align=\"center\">\n\u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fvue-grid-layout\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fvue-grid-layout.svg\"\u002F> \n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002Fvue-grid-layout.svg\"\u002F>\n\u003C\u002Fa> \n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fjbaysolutions\u002Fvue-grid-layout\u002Freleases\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fsize\u002Fjbaysolutions\u002Fvue-grid-layout\u002Fdist\u002Fvue-grid-layout.umd.min.js\"\u002F>\n\u003C\u002Fa>\n\u003C!--a href=\"https:\u002F\u002Fvuejs.org\u002F\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fvue-2.2.x-brightgreen.svg\"\u002F>\n\u003C\u002Fa-->\n\u003C\u002Fp>\n\u003Ch2 align=\"center\">\n\u003Ca href=\"https:\u002F\u002Fjbaysolutions.github.io\u002Fvue-grid-layout\u002F\" target=\"_blank\">Documentation Website\u003C\u002Fa>\n\u003C\u002Fh2>\n\n## What is Vue Grid Layout?\n\nvue-grid-layout is a grid layout system, like [Gridster](http:\u002F\u002Fdsmorse.github.io\u002Fgridster.js\u002F), for Vue.js. **Heavily inspired by [React-Grid-Layout](https:\u002F\u002Fgithub.com\u002FSTRML\u002Freact-grid-layout)**\n\n## Features\n\n* Draggable widgets\n* Resizable widgets\n* Static widgets\n* Bounds checking for dragging and resizing\n* Widgets may be added or removed without rebuilding grid\n* Layout can be serialized and restored\n* Automatic RTL support (resizing not working with RTL on 2.2.0)\n* Responsive\n\n## **Current version:** 2.4.0 (Supports Vue 2.2+)\n\n#### **For legacy browsers**, like IE11, use version [2.3.12-legacy](https:\u002F\u002Fgithub.com\u002Fjbaysolutions\u002Fvue-grid-layout\u002Ftree\u002Flegacy)\n#### **For Vue 2.1.10 and below use version [2.1.3](https:\u002F\u002Fgithub.com\u002Fjbaysolutions\u002Fvue-grid-layout\u002Ftree\u002F2.1.3)**\n#### **For Vue 1 use version [1.0.3](https:\u002F\u002Fgithub.com\u002Fjbaysolutions\u002Fvue-grid-layout\u002Ftree\u002F1.0.3)** \n\n## Documentation\n\nCheck out the \u003Ca href=\"https:\u002F\u002Fjbaysolutions.github.io\u002Fvue-grid-layout\u002F\" target=\"_blank\">Documentation Website\u003C\u002Fa>\n\n\u003C!--\nChinese documentation: [简体中文](.\u002FREADME-zh_CN.md) \n-->\n\n#### Projects using vue-grid-layout\n\n- [DocsFold](https:\u002F\u002Fwww.docsfold.com\u002F?utm_source=github&utm_medium=web&utm_campaign=vue-grid-layout)\n- [Draxed](https:\u002F\u002Fwww.draxed.com\u002F?utm_source=github&utm_medium=web&utm_campaign=vue-grid-layout)\n- [Data Providers](https:\u002F\u002Fwww.dataproviders.io\u002F?utm_source=github&utm_medium=web&utm_campaign=vue-grid-layout)\n- [Cataholic](https:\u002F\u002Fcataholic.glitch.me\u002F)\n\n*Know of others? Create a PR to let me know!*\n\n\n## Contribute\n\nIf you have a feature request, please add it as an issue or make a pull request.\n\n\nDeveloped by \u003Ca href=\"https:\u002F\u002Fwww.jbaysolutions.com\">JBay Solutions\u003C\u002Fa> \n","vue-grid-layout 是一个用于 Vue.js 的可拖拽和可调整大小的网格布局系统。它支持拖拽、调整大小以及静态小部件，同时具备边界检查功能，允许在不重建网格的情况下增删小部件，并且能够序列化和恢复布局。此外，该库还提供了自动RTL支持及响应式设计。适用于需要灵活自定义界面布局的应用场景，如仪表盘、可视化编辑器等。项目遵循MIT许可证，拥有活跃的社区支持。",2,"2026-06-11 03:26:18","top_topic"]