本文主要介绍了一个基于远程模块的低代码平台的实现。主要探讨低代码平台远程组件加载方案，指出平台因提供丰富组件需按需加载远程组件。

在electron + vue3 搭建的应用中实现了一个桌面悬浮球/mini窗口的功能，支持任意拖拽、丝滑的菜单折叠展开动画效果。

使用 vue3 实现一个通用函数式弹窗，支持懒加载（异步加载函数）、自定义插槽、props传参、事件绑定、provide inject 注入数据、暴露内部方法。

高阶组件HOC在React社区是非常常见的概念，但是在Vue社区中却是很少人使用。主要原因有两个：1、

在一些场景中，比如我们封装的一些工具函数、hooks、插件等中没办法像在单文件组件中一样将dialog写到template中，或者一些公共的弹窗使用声明式弹窗会比较臃肿，这个时候命名式的调起弹窗就派上

我们每天写vue代码时都会使用到这些宏，但是你有没有思考过vue中的宏到底是什么？为什么这些宏不需要手动从vue中import？为什么只能在setup顶层中使用这些宏？

让程序员爽到爆的JSX语法，vue3快速过度TSX，让我们能够像编写JavaScript样书写页面。既有了JavaScript的灵活，又有了响应式数据的便捷。

低代码平台最容易遇到的问题，就是如何解决依赖大量组件导致的初次加载大文件的性能问题？抽象化问题，就是如何解决组件按需加载和远程加载，本文会详细描述整个过程。

Vue3 中定义的ref类型的变量，在setup中使用这些变量是需要带上.value才可以访问，但是在template中却可以直接使用。 询其原因，可能会说 Vue 自动进行ref解包了，那具体如何实