Vue.js Grid

Vue.js 2.x responsive grid system with smooth sorting, drag-n-drop and reordering.

Fixed size grid for Vue.js

This is very a first version of the plugin. If you find any bugs and/or want to contribute, feel free to create issues, PRs or reach me out on twitter!


npm install --save vue-js-grid
import Vue from 'vue'
import Grid from 'vue-js-grid'



data () {
  return {
    items: [
  <template slot="cell" scope="props">

Codesandbox Demo

Plugin does NOT modify the source data array.

  1. Every time permutation is performed you will get a new sorted array in event (items).
  2. The same works for removing elements, you will get a new "cleaned" array in your @remove event handler.
  3. Currently there is no way to extend data array after event handling. But hopefully I'll come up with a clean way to do it in nearest future.