不使用vuex vue tree组件数据修改

在不使用Vuex的情况下，如果需要在Vue Tree组件中修改数据，可以通过以下步骤来实现：

1. 在组件的data选项中定义需要渲染的数据，并在template选项中使用Tree组件进行渲染。

2. 在Tree组件的节点上添加点击事件，通过事件参数获取当前节点的数据。

3. 在点击事件中修改当前节点的数据，然后更新整个数据列表。

示例代码如下所示：

<template>
  <div>
    <el-tree :data="treeData" @node-click="handleNodeClick"></el-tree>
  </div>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          id: 1,
          label: 'Node 1',
          children: [
            {
              id: 11,
              label: 'Node 1-1',
              children: []
            },
            {
              id: 12,
              label: 'Node 1-2',
              children: []
            }
          ]
        },
        {
          id: 2,
          label: 'Node 2',
          children: []
        }
      ]
    }
  },
  methods: {
    handleNodeClick(node) {
      node.label = 'New Label' // 修改节点的label属性
      this.treeData = JSON.parse(JSON.stringify(this.treeData)) // 更新整个数据列表
    }
  }
}
</script>

在这个例子中，我们在Tree组件的节点上添加了一个点击事件，当节点被点击时，会调用handleNodeClick方法。在这个方法中，我们修改了当前节点的label属性，并通过重新赋值的方式更新了整个数据列表。需要注意的是，由于Vue数据响应式的特性，我们需要对数据进行深拷贝，否则无法更新视图。