vue中使用mxgraph

在Vue项目中使用mxGraph，您可以首先安装mxgraph库：

npm install mxgraph --save

然后在需要使用mxGraph的组件中，使用以下代码引入mxGraph库：

import mxgraph from 'mxgraph';
const { mxGraph, mxRubberband } = mxgraph();

然后您可以在组件的`mounted`或`created`生命周期中创建mxGraph实例：

const container = document.getElementById('graphContainer');
const graph = new mxGraph(container);

在这个例子中，我们使用`graphContainer`元素作为mxGraph的容器元素。您可以根据您的需要替换为适当的容器元素。

现在您就可以使用mxGraph库中提供的各种方法和属性来创建和操作图形了。例如，您可以使用以下代码创建一个简单的矩形：

const parent = graph.getDefaultParent();
graph.getModel().beginUpdate();
try {
  const vertex = graph.insertVertex(parent, null, 'Hello, World!', 20, 20, 80, 30);
} finally {
  graph.getModel().endUpdate();
}

这将在mxGraph容器中创建一个宽为80，高为30的矩形，位于(x,y)为(20,20)的位置，并显示“Hello, World!”文本。

当您完成使用mxGraph时，不要忘记在组件的`beforeDestroy`生命周期中销毁mxGraph实例：

graph.destroy();