xmind思维导图使用vue2组件编写xmind思维导图使用vue2组件编写用的是这个大佬的开源项目，在他的源码基础上

xmind思维导图使用vue2组件编写

用的是这个大佬的开源项目，在他的源码基础上进行修改

首先说一下这个组件主要是用在vue2项目中，主要为了解决xmind文件导入vue项目后展示、编辑、导出等问题。

在网上也有许多使用百度脑图代替xmind文件的线上组件，也研究过其中的代码，主要代码基本相似，但是在代码扩展和应用功能上有所不同。

该组件主要实现的功能有，节点的新增、删除，以及针对节点的一些操作，比如添加等级、链接、完成度图标、备注、标注等，具体如下所示

首先是入口文件vue.config.js 在本地启动项目时需要使用命令entry: 'packages/VueTestcaseMinderEditor/main.js'，这样本地启动的代码将是packages/VueTestcaseMinderEditor/src/VueTestcaseMinderEditor.vue 注释entry: 'examples/main.js', 在项目打包提交代码时则反之。
首页文件packages/VueTestcaseMinderEditor/src/VueTestcaseMinderEditor.vue 在本地启动文件后进入的首页文件，在该文件中可以找到项目中需要的组件
菜单栏文件packages/VueTestcaseMinderEditor/src/components/menu/edit/editMenu.vue xmind中的编辑栏主要都在这个文件之中，例如备注、优先级、完成度等。如果要对编辑栏就行修改可以在这个文件中完成。
菜单栏功能代码文件kityminder-core/dist/kityminder.core.js 如果需要新增编辑栏可以在这个文件中做文件关联，注意不要使用重复的key值。新增编辑栏事件可以放到kityminder-core/src/module文件夹中，使两者关联起来，具体关联方法可以在kityminder.core.js查看。