![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
深入Vue源码分析
文章平均质量分 57
深入Vue源码分析
路人i++
这个作者很懒,什么都没留下…
展开
-
深入Vue源码分析-computed & watch 源码分析
watch:有3个参数。会返回一个停止监听函数。原创 2023-05-24 21:30:00 · 907 阅读 · 0 评论 -
深入Vue源码分析-Diff Patch【算法】分析
2.Diff Patch实现【vue2.0中并没有一个完整的patch过程它的节点操作是在diff过程中同时进行的,也是通过这样一种形式vue在增删改查dom节点的效率】只对相同类型节点做对比,类型不同,直接创建新节点替换旧节点【哪怕它的子组件和原来一样,也仍需重新创建】1.Virtual Dom 【虚拟DOM】【不只是做性能优化,它是分层思想的体现】Virtual Dom提高了开发效率【省却了我们增删改查的操作】,而非应用性能。给每个值设置一个key,可以提升diff的效率。2.按类型进行diff。原创 2023-05-23 21:15:00 · 53 阅读 · 0 评论 -
深入Vue源码分析-异步更新队列(nextTick)源码分析
异步渲染队列。原创 2023-05-22 09:15:00 · 66 阅读 · 0 评论 -
深入Vue源码分析-响应式源码分析
let x;let y;x=1;y=f(x);// 200x=2;y=f(x);// 300x=3;y=f(x);// 400// 三份重复的样板代码;// 【都三遍了,不要重复你自己——>自动化——>解放自己、提升自我——>多陪陪家人】// x的值修改,通过f(x)映射到y上;初级进化思路let x;let y;// 监听x变化,执行回调:y值映射y = f(x);})x = 1;// 400。原创 2023-05-21 13:15:00 · 145 阅读 · 0 评论