使用vue实现grid-layout功能实例代码

主要是重置状态。nodes中只要某个节点发生变化，就要重新排版，要将每个节点尽可能地上移。否则存储的是节点的id值。请看dragrid.vue中的overlap方法：n.y + n.h > node.y 表示可以与拖拽节点发生碰撞，以及在拖拽节点下方的节点。上面的思路都理解之后，缩放其实也是一样的，主要还是要进行坐标转换，坐标发生变化后，就会调用overlap方法。然后再下移过程中会加上该offsetUpY值，确保所有节点下移到拖拽节点下方。