ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
computed 本质是一个惰性求值的观察者。 <br> computed 内部实现了一个惰性的 watcher,也就是 computed watcher,computed watcher 不会立刻求值,同时持有一个 dep 实例。 <br> 其内部通过 this.dirty 属性标记计算属性是否需要重新求值。 <br> 当 computed 的依赖状态发生改变时,就会通知这个惰性的 watcher, <br> computed watcher 通过 this.dep.subs.length 判断有没有订阅者, <br> 有的话,会重新计算,然后对比新旧值,如果变化了,会重新渲染。 (**Vue 想确保不仅仅是计算属性依赖的值发生变化,而是当计算属性最终计算的值发生变化时才会触发渲染 watcher 重新渲染,本质上是一种优化。**) <br> 没有的话,仅仅把 this.dirty = true。 (**当计算属性依赖于其他数据时,属性并不会立即重新计算,只有之后其他地方需要读取属性的时候,它才会真正计算,即具备 lazy(懒计算)特性。**)