vue拖动改变模板_可视化拖拽 UI 布局之拖拽篇

前言：前段时间负责公司的运营管理后台项目，通过运营后台的PC端拖拽配置布局，达到App首页模板的动态UI界面配置，生成页面。趁着周末，整理一下当时所了解到的拖拽。文章会根据大家的反馈或者自己学习经验的累积成长不定期更新丰富。如果你想了解更多PC端的拖拽开发，欢迎点赞关注或者收藏一波[鞠躬]。

之前在掘金一篇文章里看到这段话:

UI 开发的三种模式

1.手写标签和样式代码，生成页面

2.可视化拖拽 UI 组建，生成页面

3.直接输入设计稿，输出可用页面

有幸当前公司处于UI开发的第二阶段

当时开发参考过的小部分网站，其它参考过的大量网站由于电脑硬盘出现故障丢失了无法恢复。

以上网站这些不是很重要，真正重要有用的网站链接我已经帮你筛选整理出来了，并贴在下面的文章里面(分为演示与教程两类)，点击相关链接即可进入相关开发学习。

贴上面网站的原因是我想告诉大家，插件选型之前一定要先整理好自己的需求，根据需求在网上寻找插件，并且打开控制台，看看效果是不是你所需要的类型，否则下载到本地后调试了半天发现最后不能达到自己想要的效果，这样既浪费时间又浪费精力，就得不偿失了。所以，我之后有时间会整理一套插件选型筛选的思维导图出来，到时发到掘金或者个人公众号，大家一起分享进步。

好了，言归正传，我们开始上主菜：

拖拽程度的层次

就我搜索到的资料来看，拖拽的程