使用 React 写一个丝滑的大屏预览自适应容器，解决在不同尺寸屏幕下预览页面布局变化的问题，简单 & 易用！

推荐一个面向开发者的可视化编程的开源项目：mometa。老逛之前也推荐了一些低代码相关的项目，可以在本文章后面查看。

前言 先说说我为什么要做这么一个东西吧。最大原因就是自己太懒了，其次就是，后台管理这个东西，来来去去就是那么几个东西，查询，Form表单，Table表格，弹窗之类的一些东西，加上一个增删改查的一些逻辑

🌈 规则组件示例 ☀️ 为什么需要规则组件 数据可视化平台底层JSON解析器提供了模板字符串的支持，例如： 在可视化搭建中，模板字符串使用并不友好： 用户需要学习模板字符串语法，并且在编辑器中编写模板

之前《lowcode-engine 协议浅析》这篇文档分析了 lowcode-engine 的协议，有了一定的收获。但是官方并没有提供 Vue 的解决方案，所以我们试着实现以下。

笔者最开始的诉求是提高表单和列表的开发效率（因为主要是中后台项目），无法统一全部的协议，但是至少可以先统一组件层面的协议吧。

目标：统一所有前端技术栈（React、Vue、甚至 RN）下的表单开发方式，只需要编写符合协议的 JS Object 配置，传入封装好的表单组件即可，即配置化；

前置内容 在公司开发中或多或少都会有几个管理系统的项目，而对于这些系统大多页面都是表单、表格组成，为了不花费太多精力在这些不那么需要定制化的页面上，一般都会选择去用组件库完成，这个时候就如果将这些简单

对于Vue的双向绑定大家一定不陌生，入门基础的东西为啥要提？因为这是封装组件的基础！ 这里提出一个问题👇 不妨试试你的基础😏