响应式数据的问题

响应式数据的问题

• 问题：

  表格绑了一个reactive的data，给data=res.data.data之后，表格没更新

• 原因：

  直接用等于号赋值就是改变了data的引用，导致data不再是reactive的了，所以表格没有反应

• 解决：

  • 不要直接赋值data，而是改变其中的内容

    data.splice(0, data.length, ...(res.data.data?.records ?? []));
    

  • data改为ref数据，在赋值的时候就会使用data.value来赋值了，不会直接改变引用

• 经验：

  1. 即使是对象或者数组，有时候是整体赋值的，可以用ref
  2. 用const修饰ref和reactive的数据，防止引用改变