jsPlumb 配置示例：使用 jsPlumb 库绘制节点和连线

该代码使用 jsPlumb 库在画布上绘制节点和连线。它初始化 jsPlumb 实例并设置默认配置选项。它还定义了用于处理事件和操作节点和连线的方法。

mounted() 方法在组件挂载时被调用，它调用 readyFun() 和 initJsPlumb() 方法来初始化 jsPlumb 实例。

initJsPlumb() 方法使用默认配置选项初始化 jsPlumb 实例，并为点击和 beforeDrop 事件绑定事件处理程序。

drawLine() 方法在绘制节点时被调用，它向节点添加端点并重新绘制画布。

handleData() 方法在点击节点时被调用，它打开一个对话框以显示节点信息。saveModule() 方法在对话框中点击“保存”按钮时被调用，它保存节点信息。

delModule() 方法在删除节点时被调用，它删除与节点关联的所有端点和连接。

getPositionStyle() 方法返回用于在画布上定位节点的 CSS 样式。

enlarge() 和 reduce() 方法分别在点击“放大”和“缩小”按钮时被调用，它们通过更改 scaleNumber 变量来放大或缩小画布。

handlePartsBtn() 方法在点击零件面板中的按钮时被调用，它显示一条包含按钮索引的消息。

clickDev() 方法在点击节点时被调用，它调用 Vue 组件中的 clickDev() 方法来处理节点点击事件。