开发一个可自定义组件化门户配置页面，期间采用了vue框架作为前端视图引擎，作为一个刚入手vue的萌新，开发第一个功能就遇到了拦路虎。需要一个拖动并且可改变大小的容器盒子。当时查看vue开发文档，查找github都没找到一个自己欢心的实现，所以与其求人，还不如求己。所以vuedragx这个轮子就有了，x代表它不止可拖动。
github地址:https://github.com/464884492/vuedragx
三、开发思路
通过鼠标移动实现组件移动，改变大小，一定需要操作dom，查看vue官方文档，从实用性，已经通用性，选择开发一个自定义vue指令
通过鼠标移动产生的位移，动态改变大小或位置
通过事件通知方式，实现更新bind值
所以有了以上思路，就需要一次掌握三个重要知识
vue 如果开发一个自定义指令
鼠标移动过程中，MouseEvent对象各种值的含义
如何使用并分发一个自定义事件
3.1 vue指令记住，不管使用什么样的框架，需要学习某种技能，需要学习api各种方法的用法，最好的途径就是查看对应官方文档
vue 开发自定义指令地址
通读一篇，然后敲黑板画重点
什么时候使用Vue指令