第一步：下载npm包

创新互联公司服务项目包括荆门网站建设、荆门网站制作、荆门网页制作以及荆门网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，荆门网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到荆门省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

npm install mxgraph --save

第二步：新建一个index.js文件

文件内容如下

import mx from 'mxgraph';
const mxgraph = mx({
 mxImageBasePath: './src/images',
 mxBasePath: './src'
});
// decode bug https://github.com/jgraph/mxgraph/issues/49
window.mxGraph = mxgraph.mxGraph;
window.mxGraphModel = mxgraph.mxGraphModel;
window.mxEditor = mxgraph.mxEditor;
window.mxGeometry = mxgraph.mxGeometry;
window.mxDefaultKeyHandler = mxgraph.mxDefaultKeyHandler;
window.mxDefaultPopupMenu = mxgraph.mxDefaultPopupMenu;
window.mxStylesheet = mxgraph.mxStylesheet;
window.mxDefaultToolbar = mxgraph.mxDefaultToolbar;
export default mxgraph;

文章名称：vue中引入mxGraph的步骤详解-创新互联
标题URL：http://myzitong.com/article/dciheo.html