如何用VUE在Studio管理后台实现鼠标拖动调整窗口尺寸功能？

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

近期更新了RXEditor，记录了以下版本更新内容：

1.完成了静态页面的制作，制作过程未详细记录。

2.部分遗留问题，后期不再补充。

3.完整的工作成果保留在GitHub上。

近期改版RXEditor，把改版过程，用到的技术点，记录下来。昨天完成了静态页面的制作，制作过程并未详细记录，后期已经不愿再补了，有些遗憾。不过工作成果完整保留在github上，地址：github.com/vularsoft/studio-ui

这个项目下面的html-demo.html，便是静态文件。

话不多说，今天就把昨天的HTML转化成VUE。

先看效果：

布局原理

页面采用纯弹性盒子flex box布局，无float postion等，页面分成如下几个区域：

细实线描述的是各个DIV之间的嵌套关系，粗黑线是独立的DIV，我称它们为把手（HADLE），主要用来接受鼠标拖动事件，以完成拖动操作。