种草两个可以画 flowable 流程图的 Vue 库！

松哥正在进行TienChin项目视频录制，使用的技术栈为Spring Boot与Vue3，并介绍了一系列有趣的技术。

文章中提到，尽管bpmn.js库可以用于嵌入绘制流程图的功能，但其默认是为Camunda设计，因此需要深度定制以兼容Flowable流程引擎。松哥提到前端缺少针对Flowable的现成库，并最终决定使用基于Vue2的库，虽然这并非松哥的专业领域。

松哥接着介绍了两个前端库：workflow-bpmn-modeler和muheflow-bpmn-modeler，这两个库都是基于Vue和bpmn.io，适用于Flowable 6.4.1版本，而6.4.2版本后开始商业化重构。

对于workflow-bpmn-modeler的使用，松哥详细描述了在Vue2项目中的安装步骤，并演示了如何在.vue文件中使用这个组件。组件支持多种属性和方法，用于显示和编辑流程图的XML字符串，配置用户任务的处理人员以及任务类型的设置。松哥还指出了其中一个无效的属性。

松哥进一步说明了如何启动Vue项目并使用该流程图绘制页面，以及如何绘制一个请假流程图，包括定义基本流程信息、添加用户任务、配置监听器、添加互斥网关，以及绘制审批通过和拒绝的流程路径。

最后，松哥简要提到了第二个工具muheflow-bpmn-modeler，指出其使用方法与workflow-bpmn-modeler相同，并鼓励感兴趣的朋友尝试使用。