Vue 中 watch 不会触发的情况

Question

Vue 中的watch主要用于监听 data 值，并执行一些自定义操作。若监听的 data 发生变化，则执行这些操作，反之则不执行。问题来了当watch监听一个data，arr当arr从[1]变为[]，watch事件触发，当arr从[]变为[]，watch不会出发因为 [] ＝＝＝ []，为false所以觉得这边很奇怪请明白其中原因的大佬解释一下为何会发生这种原因。不胜感激

Answer 1

[] == [] 当两个值都是对象 (引用值) 时, 比较的是两个引用值在内存中是否是同一个对象. 因为此 [] 非彼 [], 虽然同为空数组, 确是两个互不相关的空数组, 自然 == 为 false.

Answer 2

性能优化，如果数据没发生变化也要执行你在watch中的逻辑，这样框架设计明显不合理。