//三种watcher，只有计算属性 watcher的lazy设置了true，表示启用惰性求值
if(this.lazy) {
this.dirty = true;
} else if(this.sync) {
//标记为同步计算的直接运行run，三大类型暂无，所以基本会走下面的queueWatcher
this.run();
} else {
//将watcher推入观察者队列中，下一个tick时调用。
//也就是数据变化不是立即就去更新的，而是异步批量去更新的
queueWatcher(this);
}
};
当options.lazy设置为true之后（仅计算属性watcher的options.lazy设置为true），每次依赖更新，都不会主动触发run函数，而是把watcher.dirty设置为true。这样，当对计算属性进行取值时，就会运行computedGetter函数，computedGetter函数中有一个关于watcher.dirty的判断，当watcher.dirty为true时会运行watcher.evaluate进行值的更新，并把watcher.dirty设置为false，这样就完成了惰性求值的过程。后面只要依赖不更新，就不会运行update，就不会把watcher.dirty为true，那么再次取值的时候就不会运行watcher.evaluate进行值的更新，从而达到了缓存的效果。
综上，我们了解到cache不为false的时候，计算属性都是惰性求值且具有缓存性的，而cache默认是true，我们也大多使用这个默认值，所以我们说 computed本质是一个惰性求值的观察者，具有缓存性，只有当依赖变化后，第一次访问 computed 属性，才会计算新的值 。
总结
以上所述是小编给大家介绍的vue数据初始化initState的实例详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！
如果你觉得本文对你有帮助，欢迎转载，请注明出处，谢谢！
