使用Vue和jsmind如何实现思维导图的节点合并和拆分操作？

<template>  <div id="jsmind-container"></div></template><script>export default {  mounted() {    this.initMindMap();  },  methods: {    initMindMap() {      const options = {        container: 'jsmind-container',        editable: true,        theme: 'primary'        // 其他配置项      };      const mind = {        meta: {          name: '思维导图',          author: 'Vue+jmind',          version: '1.0'        },        format: 'free',        data: [          // 初始节点数据        ],      };      this.mindMap = jsMind.show(options, mind);    }  }}</script><style>#jsmind-container {  width: 100%;  height: 500px;}</style>

<template>  <div>    <div id="jsmind-container"></div>    <button @click="mergeNodes">合并节点</button>  </div></template><script>export default {  methods: {    mergeNodes() {      const selectedNodes = this.mindMap.get_selected_node(); // 获取选中的节点      const parent = selectedNodes[0].parent; // 获取选中节点的父节点      // 获取选中节点的子节点      const children = selectedNodes.map(node => {        return {          ...node,          children: node.children        };      });      // 创建新的节点      const mergedNode = {        id: 'newNode',        topic: '合并节点',        children: children      };      // 更新父节点的子节点数据      const parentData = parent.data;      const index = parentData.findIndex(node => node.id === selectedNodes[0].id);      parentData.splice(index, 1, mergedNode);      this.mindMap.update_node(parent, parentData); // 更新父节点数据    }  }}</script>

<template>  <div>    <div id="jsmind-container"></div>    <button @click="splitNode">拆分节点</button>  </div></template><script>export default {  methods: {    splitNode() {      const selectedNode = this.mindMap.get_selected_node()[0]; // 获取选中的节点      // 拆分节点为多个子节点      const children = selectedNode.children.map((child, index) => {        return {          id: 'newNode_' + index,          topic: child.topic        };      });      // 更新选中节点的子节点数据      this.mindMap.move_node(selectedNode, children);    }  }}</script>