用过vue的朋友都知道vue相对其他框架来说，要简单很多。而且使用过程也非常简单，我们只需处理数据即可，动态的网页渲染布局都会自动同步更新，从而大大减少了开发难度。所以guiplan交互也是采用vue框架。当然大部分的低代码开发工具还只是停留在布局这块。而guiplan已经支持vue可视化了。

1.可视化布局排版web页面

       在guiplan布局如html + css这块几乎是不需要手写代码了。guiplan对此耗费了很多的时间与精力去研发。针对布局的每一块细节、每一个功能都做到了不写代码即可定制。传统的低代码平台还停留在简单的布局排版中，有的甚至还只支持绝对定位排版，伪类也最多只支持悬浮停靠。而guiplan几乎只css所有常用的效果定制，如css当中的伪类、css当中的屏幕自适应、css3当中的动画，guiplan都实现了不写代码即可随意定制。

2.vue可视化开发

        前端开发中不止有布局，少不了vue的交互。而vue交互根据业务的不同，复杂程度也不同。所以大部分低代码工具都很难做到vue的可视化开发。而手写交互代码要写各种的指令，如v-bind,v-model,v-for除此之外，你还得记住这些指令，否则得去查文档，效率也特别的低。而guiplan中只需一键绑定。

        其次在我们手写代码中最麻烦的是这些变量与函数，要来回去找代码。比如v-bind绑定了变量，你的拖动滚轮去找变量在哪，函数在哪里。而guiplan中选中节点就可以直接看到变量，函数，样式，属性等。如下图音乐播放器，选中之后即可直接看到播放方法与暂停方法，即可直接去修改。

        在我们手写函数代码时，自己创建的变量与函数如果要调用，函数与变量少还好记得住，一旦多起来也是要来回去找，特别是框架自带的api函数，还得去查阅文档。而在guiplan中都是一键插入变量，函数，以及api函数。如果你找不到还可以通过关键字搜索。

        框架自带函数如uniapp的get请求与post请求，以及对话框，提示框，页面跳转都只需一键插入即可。

3.多框架组件库组件一键插入

        光支持vue的各种指令肯定是远远不够的，因为页面布局含有布局与交互，还有很多的组件，比如按钮，文本框，下拉框，弹框提示等等，所以想要快速开发也是少不了一个好看的框架。所以guipla已经支持传统主流框架，bootstrap,element-plus,uniapp,uView等。平常手写代码使用框架不仅安装繁琐，使用起来也需要反复查看文档，反复去复制代码。复杂一点的可能需要复制四次代码才能将组件的案例弄过来。组件布局代码，组件样式代码，组件的变量代码，组件的函数代码等等。而guiplan中只需一键插入。插入进来选中组件即可可视化随意修改。

        当然如果你觉得这里的框架不够的话，比如你这边用的iview框架，ant-design框架或者其他vue框架，guiplan后续也会开放用户自定义输入组件库功能。让组件的复用变得更为简单。

4.羊了个羊类似项目案例