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

<template>  <div id="mindmap"></div></template><script>import jsMind from 'jsmind'export default {  mounted() {    this.mind = new jsMind({      container: 'mindmap',      theme: 'primary',      editable: true, // 可编辑      default_event_handle: { // 默认事件处理器        func() {},        args: []      },      shortcut: { // 快捷键        enable: true      },      support_html: true    })  },  methods: {    // 初始化思维导图数据    initMapData() {      const mindmapData = {        meta: {          name: '思维导图',          author: 'Vue.js',          version: '1.0'        },        format: 'node_tree',        data: {}      }            // TODO: 初始化思维导图数据            this.mind.show(mindmapData)    },    // 撤销操作    undo() {      this.mind.command('undo')    },    // 重做操作    redo() {      this.mind.command('redo')    },    // 历史记录    getHistory() {      const history = this.mind.get_history()      console.log(history)    }  },  created() {    this.initMapData()  }}</script>

<template>  <div id="mindmap">    <button @click="undo">撤销</button>    <button @click="redo">重做</button>    <button @click="getHistory">历史记录</button>  </div></template>