jsPlumb

1、簡介：jsPlumb是一個用於畫流程圖線的一個開源庫。

2、體驗：

2-1、引入jsPlumb

npm install jsPlumb --save

2-2、在文件里引入

import { jsPlumb } from 'jsplumb'

2-3、連接兩個div

let _this = this
jsPlumb.ready(function () {
                jsPlumb.connect({
                    source: _this.$refs.div1,//開始的dom或者id
                    target: _this.$refs.div3,//結束的dom或者id
                    endpoint: 'Blank',//連接端點的樣式
                    connector: "Flowchart",//連接線的形狀 貝塞爾曲線 直線等
                    anchor: ['Right', 'Left'],//連接位置
                    cssClass: 'inLine',//自定義類名
                    paintStyle: { stroke: 'lightgray', strokeWidth: 3 },//連接線樣式
                })
})