多肉攻城狮

大家一定见到过这样一种场景，当网站内容更新时，会通过一个指引操作引导用户熟悉更新的内容，如何实现这样的场景呢？

之前的文章我们介绍了页面设计器的实现原理，那么如何通过组件开发的方式实现对设计器中组件的动态扩展呢？让我们在这篇文章中找到答案！

之前的文章中介绍了页面设计器的整体原理。那么页面设计器中组件拖动自由布局如何实现？让我们在这篇文章中从概念到代码实现找到答案！

在上一篇文章中主要介绍了低代码平台的页面设计器相关的一些功能原理，下面，我们来看看组件的交互是如何实现的吧！

前言 大家好，我是多肉攻城狮。我们在上一篇文章中走进了低代码的世界，这一章节让我们一起来探索一下页面设计器的实现！！

在这一系列中，我们将介绍前端低代码平台的搭建，并将其中涉及到的一些功能点，例如拖拽、组件间交互等进行示例分享。

跟随作者来搭建 vite + vue3 + vue-router4 + vuex4 + ant-design-vue2 + axios + mockjs 工程吧！