vue源码学习
文章平均质量分 92
深入学习vue.js
Lin__hr
这个作者很懒,什么都没留下…
展开
-
vue中Computed和Watch的区别
当调用watcher.depend()方法时,会将读取计算属性的那个watcher添加到计算属性的watcher实例的依赖列表中,当计算属性中用到的数据发生变化时,计算属性的watcher实例就会执行watcher.update()方法,在update方法中会判断当前的watcher是不是计算属性的watcher,如果是则调用getAndInvoke去对比计算属性的返回值是否发生了变化,如果真的发生变化,则执行回调,通知那些读取计算属性的watcher重新执行渲染逻辑。下面我们就来看一下该函数的具体逻辑。原创 2022-09-12 22:09:16 · 393 阅读 · 1 评论 -
vue源码之虚拟dom与diff算法
* 虚拟dom就是用js对象来描述一个dom节点* vue是数据驱动视图的,数据发生变化视图就要随之更新,在更新视图的操作中难免要操作dom,而操作真是dom又是非常耗费性能的,因为浏览器把dom设计的非常复杂* 所以我们要尽量少的操作dom,不要盲目的去更新视图,而是通过对比数据变化前后的状态,计算出视图中那些地方需要更新,只更新需要更新的地方* 通过js模拟一个dom节点,称为虚拟dom节点·,当数据发生变化时,对比变化前后的虚拟dom节点,通过diff算法计算出需要更新的地方,然后再去更新视图.原创 2022-07-29 21:30:58 · 295 阅读 · 0 评论 -
vue源码之数据侦测
学习vue2和vue3源码之数据侦测原创 2022-03-29 20:39:32 · 810 阅读 · 0 评论