认识
2023年06月10日
一、认识
vm.$watch 负责观察 Vue 实例上的一个表达式或者一个函数计算结果的变化。当其发生变化时，回调函数就会被执行，并为回调函数传递两个参数，第一个为更新后的新值，第二个为老值。
这里需要 注意 一点的是：如果观察的是一个对象，比如：数组，当你用数组方法，比如 push 为数组新增一个元素时，回调函数被触发时传递的新值和老值相同，因为它们指向同一个引用，所以在观察一个对象并且在回调函数中有新老 值是否相等的判断时需要注意。
vm.$watch 的第一个参数只接收简单的响应式数据的键路径，对于更复杂的表达式建议使用函数作为第一个参数。
vm.$watch 主要逻辑如下:
-
设置 options.user = true，标志是一个用户
watcher -
实例化一个
Watcher实例，当检测到数据更新时，通过watcher去触发回调函数的执行，并传递新老值作为回调函数的参数 -
返回一个
unwatch函数，用于取消观察