vue的computed计算属性的执行机制

vue中初始化computed,每一个计算属性的本质就是watcher,创建计算属性的watcher的时候,会传入一个懒惰属性,来控制computed缓存,默认是执行的,先处理为vm._computedWatchers对象,每个key对应一个watch实例。进而能够获取到当前这个计算属性的dirty,来控制是重新触发get,还是走上一次的缓存

watcher中的ditty默认是true,是执行状态,会触发watcher中的evaluate方法,这个方法会调用get方法,并且同时将当前watcher中的dirty置为false,下一次不会执行 

posted @ 2022-10-08 16:57  Freeandeasyz  阅读(773)  评论(0)    收藏  举报