使用Vue和jsmind如何实现思维导图的历史版本控制和撤销/重做功能？

npm install vue jsmind

<template>  <div>    <div ref="jsmindContainer"></div>    <button @click="undo">撤销</button>    <button @click="redo">重做</button>  </div></template><script>import 'jsmind/style/jsmind.css'import { jsMind } from 'jsmind'export default {  name: 'MindMap',  data () {    return {      mindMap: null,      history: [],      current: -1    }  },  mounted () {    const options = {      container: this.$refs.jsmindContainer,      editable: true    }    this.mindMap = new jsMind(options)    this.mindMap.set_data(this.history[this.current])  },  methods: {    undo () {      if (this.current > 0) {        this.current--        this.mindMap.set_data(this.history[this.current])      }    },    redo () {      if (this.current < this.history.length - 1) {        this.current++        this.mindMap.set_data(this.history[this.current])      }    },    saveData () {      const data = this.mindMap.get_data()      this.history = this.history.slice(0, this.current + 1)      this.history.push(data)      this.current = this.history.length - 1    }  },  watch: {    mindMap: {      handler: 'saveData',      deep: true    }  }}</script>

<template>  <div>    <MindMap />  </div></template><script>import MindMap from './MindMap.vue'export default {  name: 'App',  components: {    MindMap  }}</script>