如何使用Vue和jsmind制作强大的思维导图应用？

vue create mindmap

cd mindmapnpm install jsmindnpm install ant-design-vue

<template>  <div>    <div class="mindmap-container" ref="mindMapContainer"></div>  </div></template><script>import 'jsmind/style/jsmind.css'import Mindmap from 'jsmind'import { Button, Modal, Input } from 'ant-design-vue'export default {  data(){    return {      mindMap:null,      jsmind: null,      nodeName:'',      modalVisible: false,    }  },  mounted() {    this.initMindMap()  },  methods: {    initMindMap() {      this.jsmind = new Mindmap({        container: this.$refs.mindMapContainer,        theme: 'greensea',        editable: true,      })      this.mindMap = this.jsmind.get_mindmap()    },    addNode () {      this.modalVisible = true    },    handleOk () {      this.mindMap.add_node(this.mindMap.selected, this.nodeName)      this.modalVisible = false    },    handleCancel () {      this.modalVisible = false    },  },  components: {    Button,    Modal,    Input,  }}</script><style scoped>.mindmap-container {  height: 500px;}</style>

  <div class="container">    <MindMap></MindMap>  </div>

.container {  width: 800px;  margin: 0 auto;}