Vue通用自定义Resize组件

1.背景

项目基于Vue+Element-UI，新接到的需求是点击按钮能够从右侧弹出一个页面，并能控制该弹出页面的宽度。在Element-UI中有一个抽屉(Drawer)组件，支持点击从浏览器侧边弹出，但不能实现宽度的调整，于是自己想到实现一个通用的Resize组件，以后如果要使用时，可以直接引入。

2.具体实现

3.改进思路

后来在npm上搜索了一下resize相关的包，发现可以将整个边框封入一个div中，直接做一个可以调整的div出来，也是一个不错的想法。另外，在target对象获取的时候，还可以使用$parent来获取父节点，这样是不是会减少dom获取带来的性能开销？还有组件销毁时，需要移除相应的事件。

一直在注重功能的实现，欠缺性能优化相关的知识点，如果你有好的意见，或发现其中的不足，还望指出。