vue-grid-layout事件

Vue Grid Layout是一款基于Vue.js的网格布局组件，它允许你在前端构建可拖动、可调整大小的网格布局。该组件提供了一系列事件，以便开发者能够监听用户的交互并处理相应的状态变化。以下是Vue Grid Layout中一些关键的事件：

1. **layoutInit**: 当布局初始化完成时触发，可以在此获取到完整的布局信息。

this.$on('layout:init', function (layout) {
  // 处理布局初始化后的数据
});

2. **itemDrag**: 持续监控每个网格单元格的拖动过程，携带了当前单元格的信息和拖动位置等数据。

this.$on('item:drag', function ({ item, index }) {
  // 更新数据或状态响应拖拽操作
});

3. **itemResize**: 发生单元格尺寸调整时触发，同样包含了相关的单元格和新尺寸信息。

this.$on('item:resize', function ({ item, newWidth, newHeight }) {
  // 处理单元格尺寸更改
});
4. **drop**: 当单元格放置到目标位置时触发，可用于更新布局布局状态。

this.$on('drop', function ({ target, source }) {
// 更新源单元格和目标单元格的位置关系
});
5. **snapEnd**: 当单元格放置完成后结束粘滞状态时触发。

this.$on('snap:end', function () {
  // 结束粘滞动画或其他后续操作
});