数据可视化项目开发中，我们需要实现一些效果，今天要实现的是div可拖动可拉伸并缓存div的位置和大小。

鼠标放在div上按下左键可以拖动div，鼠标放在右下角可以拖动拉伸div的宽和高。

修改后数据缓存到本地，刷新页面后，重新从缓存中读取div的位置和宽和高。

动态效果

演示地址

vue项目div可拖动可拉伸并缓存div的位置和大小

更新日志

2024年02月26日

鼠标拉伸太快导致div宽高无法跟上时，结束拉伸时间。

实例代码下载

代码运行环境vue3 vite js nodejs 16

vue3框架vue2写法，代码可以平移到vue2项目中。