VFD(VUE FLOW DESIGN流程设计器)是一套基于Vue + Ant Design Vue + JSPlumb，该组件目的是为了使用在Vue项目中，它前身是原生版流程设计器。

Vue版本以全新的技术栈重构了代码，并在原版基础上实现了更好的操作方式。

效果演示

基础面板

拖拽节点到绘图区连线

拖拽对齐或使用自动对齐

显示/隐藏网格

设置节点和连线的属性

单节点、多节点移动(按住CTRL键)

改变节点对齐的排序顺序(按住Ctrl键一个一个单击选中要对齐的节点，单击的顺序就是对齐的排列顺序)

清空画布，重新绘制

保存流程图(会生成一段json数据，后台可以保存这段数据，为了便于调试，生成的json数据可以通过快捷键CTRL+ALT+T打开的测试窗口看到。同时也可以从该窗口载入其他的符合流程图的json数据)

快捷键说明

使用教程

在你的项目根目录下安装vfd：

npm install vfd --save

在代码中引用，类似如下：

<template><div> <vfd></vfd> </div></template><script> import vfd from 'vfd' export default { components: { vfd } }</script>

• 富士康H61MX主板BIOS
• 富士康P67A主板BIOS
• 富士康H67A主板BIOS
• 微星NF725GM-P43主板BIOS
• 印友印刷ERP系统
• 微星NF725GM-P31主板BIOS
• 微星880GMS-E35主板BIOS
• 微星880GM-E43主板BIOS
• 微星880GM-E43主板BIOS
• 微星880GM-E43主板BIOS
• 微星870S-G54主板BIOS
• 微星785G-E65主板BIOS
• 爱普生epson r330打印机驱动
• MSI微星 785GM-E65主板BIOS
• 微星880GMA-E55主板BIOS
• 微星870S-G46主板BIOS
• 微星870S-G46主板BIOS
• 微星870S-G46主板BIOS
• 微星870A-G54主板BIOS
• 映泰TP67XE(Ver.5.0)主板
• 映泰TP67B+(Ver.6.0/6.1)主板
• 映泰H61MH(Ver.6.x)主板BIOS
• 映泰A880GU3(Ver.6.x)主板BIOS
• 华擎H61M-VS主板BIOS
• 新星3GP手机视频格式转换器
• 上进心 英文免安装版
• 项目故障 英文免安装版
• 答题综合助手PC版 v2.5 免费绿色版
• 德军总部2：新巨像8号升级档+未加密补丁3DM 免费版
• 铁路帝国两项修改器 无限金钱/无限资源 v1.0 免费绿色版
• 少女と年の差ふたまわり破解补丁 免费版
• PLAY HOME家族崩坏水手服学生妹人物存档 免费版
• PLAY HOME家族崩坏路人女主的养成方法加藤惠人物存档 免费版
• 叛逆1.4.0 附隐藏英雄密码及游戏攻略 魔兽防守地图
• 逆天仙魔录1.51正式版 附隐藏英雄密码及游戏攻略 魔兽防守地图
• 幽梦檀心
• 妖乱
• 镜
• 一颗柠檬茶
• 天下妖娆，独占三分
• 最美的黄昏
• 梨下
• 踏歌·江湖行
• (十约)炼金
• 琉璃花开在半夏
• 不夜城
• 魔法师 第一季
• 极品老妈 第四季
• 家和万事成
• 下辈子还做我老爸
• 旋风十一人
• 别那么骄傲
• 纯熟意外
• 德雷尔一家 第一季
• 终极一班4