【Vue】watch 对象/数组，无法比较新旧值的问题

原博客地址：https://blog.csdn.net/lychee_xiahua/article/details/116024559

问题

Vue 中深度监听对象/数组的修改，能监听到变化，但无法比较新旧值的变化（newVal, oldVal 输出结果是一样的）。

原因

对象、数组是引用类型，newVal、oldVal指向同一个内存地址。

解决方案

借助计算属性，返回一个新对象，监听该计算属性，即可获取前后值的变化。