Vue拖拽组件如何实现长尾词动态页面配置？

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

需求描述：最近开发的一个后台系统，功能产品需求是页面分为左右两部分，通过右侧组件列表动态配置左侧页面视图，左侧由组件拼接起来的视图，可上下滑动。

需求描述

最近在做一个后台系统，有一个功能产品需求是页面分为左右两部分，通过右边的组件列表来动态配置左边的页面视图，并且左边由组件拼装起来的视图，可以实现上下拖拽改变顺序，也可以删除。

根据这个需求我做了下面这个demo。