ant design vue 树形列表新增数据 图表不响应

问题：ant design vue 树形列表新增数据 数据打印有增加可是图表不响应

需要的效果：

const add = () => {
 const newData = {
    id: treeData.value?.length + 10,
    title: 'test',
     pid: 0,
     name: 2,
     change: true,
     key: treeData.value?.length + 10,
   };
  treeData.value?.push(newData);   //push进去数据  打印出来数据有变化，可是图表不改变
  console.log('treeData111', treeData.value);
 };

解决方法：

 treeData.value = [...treeData.value];  //监听了浅层的数据，更改数据的地址

问题原理猜测：
vue性能优化–shallowRef（）的使用