Javascript Vue和Vuex对数据更改的反应不同

我有一个规范化的树数据结构，如下所示：

{  
‘1’: {    
   uid: ‘1’,  
   value: null,  
   children: [‘2’]  
 },  
 2’: {   
   uid: ‘2’,  
   value: ‘Child text’,  
   children: []
 }  
}

然后我有一个自定义组件，它呈现第一个元素并递归地呈现子元素。状态树仅使用开头的第一个元素进行初始化，然后在渲染期间，它通过使用

子元素

数组生成新元素

生成第二个元素并使用

Vue.set（state，uid，elem）

将其添加到树中时，Vuex也会重新呈现第一个元素。如果我不使用Vuex，那么它将按预期工作

请查看我在中做错了什么，这是一个小脚本，只需更改

use_vuex

boolean变量，以查看有无vuex，并查看控制台登录渲染功能

---

谢谢。

我建议您将这些对象

{uid:'1'，value:null，children:['2']}

放入一个数组中。因为array.push和array.pop具有本机反应性。能否添加组件的代码（如何呈现状态）？我建议您将这些对象

{uid:'1'，value:null，children:['2']}

放入数组中。因为array.push和array.pop具有本机反应性。能否添加组件的代码（如何呈现状态）？