如何通过Vue拖拽组件实现动态页面配置功能？

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

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

需求描述

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

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