vuex数据使用踩坑

vuex踩坑记录

1、一大早就被测试人员检测出bug

可以看到，两段括号中代表两组数据，外层的数据是tree结构，被全局引入到vuex中存储，里层数据 [{name:‘测试0301’},{name:‘啦啦啦’}] 是一维数据，工程中有需求，要将里层数据追加到tree中组成新的tree，并保存；但是不能影响到已有的tree

要点：在vuex中存储的数据，被提取使用：this.$store.getters.depArr，实际是将数据存储地址给到页面，如果想向我一样对数据做新的处理，需要用到深层拷贝

JSON.parse(JSON.stringify(depArr))

具体vuex的数据存储过程：
https://blog.csdn.net/qq_43363884/article/details/95948884?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.control&dist_request_id=1328593.25764.16148488738474987&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.control

深层拷贝：https://blog.csdn.net/weixin_42447959/article/details/81211151