simple-mind-map vue添加节点时，如何发送请求

在使用Vue.js开发simple-mind-map组件时，如果你需要在添加新节点时向服务器发送请求，你可以按照以下步骤操作：

1. **创建数据模型**：首先，在组件的data属性中定义一个空的节点列表，这将用于存储地图中的节点信息。

export default {
  data() {
    return {
      nodes: [], // 存储节点的数据
      newNode: { text: '', id: null }, // 新节点初始状态
    };
  },
}

2. **添加事件处理器**：在组件中绑定一个`addNode`方法，当用户输入内容并点击添加按钮时，这个方法会被触发。

<template>
  <div>
    <!-- 添加新节点的表单 -->
    <input v-model="newNode.text" @keyup.enter="addNode" />
    <button @click="addNode">添加</button>

    <!-- 显示已有的节点 -->
    <mind-map :nodes="nodes"></mind-map>
  </div>
</template>

3. **编写`addNode`方法**：在这个方法中，你可以使用`axios`、`fetch`等HTTP库来发送POST请求到服务器，传递新节点的信息。假设我们使用的是axios：

methods: {
  addNode() {
    if (this.newNode.text.trim()) {
      const postData = {
        text: this.newNode.text,
        // 如果有ID字段，也要包括id或者其他自增标识
      };

      axios.post('/api/nodes', postData)
        .then(response => {
          this.nodes.push(response.data); // 将新的节点添加到列表中
          this.newNode.text = ''; // 清空输入框
        })
        .catch(error => {
          console.error('添加节点失败:', error);
        });
    }
  },
}

4. **处理服务器响应**：确保服务器返回一个包含新节点ID或其他标识的数据结构，并将其添加到`nodes`数组中。