如何实现Vue模块中组件的移动示例代码？

本文共计1178个文字，预计阅读时间需要5分钟。

一直想实现类似于五十一简历填写中的中模块，随鼠标移动的组件。最近闲暇，自己尝试实现了一个差不多的组件。其中每个模块都是组件调入（项目经验、教育经验、工作经历等）。

一直都想实现类似于五百丁中简历填写中模块跟随鼠标移动的组件，最近闲来无事，自己琢磨实现了一个差不多的组件。

其中每个模块都是组件调入（项目经验、教育经验、工作经验等），所以这里也用到了动态加载组件方式。

思路：鼠标移入模块，显示相应模块的点击移动按钮，点击A模块移动按钮，此时原先A模块所在的位置上变为拖动到这里绿框模块，同时鼠标下悬浮着A模块，鼠标移动，悬浮的A模块跟随移动，绿框也跟随上下移动。