![](https://img-blog.csdnimg.cn/20190927151026427.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue源码学习笔记
文章平均质量分 93
主要通过mini-vue学习Vue源码,主要内容包含Vue的Reactive响应式模块,runtime-core运行时核心模块(虚拟节点、DIFF算法等)
名字太长不好不好
这个作者很懒,什么都没留下…
展开
-
【mini-vue】runtime-core模块学习
参数:rootComponent对象,是一个JavaScript对象(可能包含name、setup、render等属性)返回值:返回一个带有mounted方法的对象。原创 2022-08-31 21:00:00 · 1226 阅读 · 0 评论 -
【mini-vue】DIFF算法学习笔记
对数组newIndexToOldIndexMap求最长递增子序列的结果为increasingNewIndexSequence: [1, 3] ([4, 3, 0, 5]最长递增子序列为[3, 5],3的下标为1,5的下标为3),(AB ABCD)与(AB CDAB),如果是添加到尾部直接添加即可,如果添加到首部,需要获取锚点,则个锚点的位置是e2+1,遍历[i, e2]添加新节点。[2, 1, 5, 3, 4]的最长递增子序列为[2, 3, 4]或[1, 3, 4]遍历[s1, e1]...原创 2022-08-29 20:55:07 · 296 阅读 · 0 评论 -
【mini-vue】Reactive模块学习笔记
ReactiveEffect类RefImpl类ComputedRefImpl类activeEffect公共变量shouldTrack公共变量reactive函数ref函数computed函数readonly函数shallowReadonly函数effect函数targetMap公共变量track函数trigger函数stop函数isReactive函数isReadonly函数isProxy函数isRef函数unRef函数proxyRef函数......原创 2022-08-07 16:41:52 · 539 阅读 · 0 评论