前言
线上关于Vue
&& React
源码解析文章数不胜数,为什么笔者还要去做同样的事情呢?
其一
:好记性不如烂笔头,人的脑细胞是每天逐代更新的,那些远古知识细胞会死亡,也就给你造成了,似乎你知道,但是说不太清楚。其二
:资料虽多,却为零散,为了解决这个问题,提升学习效率,减少因搜索资料而浪费的时间。 本系列着重讲new Vue
初始化到到第一次渲染视图
,以及框架的响应式系统
是如何设计的,再者就是我们写的模板tamplate
是如何解析编译
的,虚拟dom
是如何生成的真实dom
的,diff算法
是怎么进行的,Vue框架本身运用了哪些设计模式
,哪些设计思想
。
目录
本系列暂定16章,因为Vue3.0
已经发布,后期还会做两个大版本的对比解析。先来看一下Vue的机制概况:
大致的目录就是:
Vue源码解析系列(三) -- 响应式系统的依赖收集与视图更新
Vue源码解析系列(四) -- 来实现一个双向绑定吧(吊打面试官)
Vue源码解析系列(五) -- $mount是如何实现挂载的
Vue源码解析系列(六) -- 模板tamplate是如何解析编译的
Vue源码解析系列(七) -- 模板tamplate在解析的时候做了哪些优化
Vue源码解析系列(九) -- 新老虚拟dom是如何进行diff算法
Vue源码解析系列(十) -- 虚拟dom是怎样映射成真实dom
Vue源码解析系列(十一) -- 来谈谈批量异步更新nextTick之美
Vue源码解析系列(十二) -- 计算属性computed的计算到底做了些什么
Vue源码解析系列(十三) -- watch与watcher之间难道就只加了一个"er"
Vue源码解析系列(十四) -- Vue.use与Vue.component的原理解读
Vue源码解析系列(十五) -- 深入了解自定义指令且事半功倍
Vue源码解析系列(十六) -- vuex、pinia实现的状态管理原理与源码解读
Vue源码解析系列(十七) -- Vue-router@3.x、@4.x的区别与源码解读
Vue源码解析系列(十九) -- 源码解析终结与展望
最后
因为前期笔者有写过一本电子书,用了大概五个月吧,平时也上班,也难得有时间去写些文章,今后按时更新一篇《Vue源码解析系列》
。文章中有所标注。如果没有标注,可能是本人忘记了,欢迎提醒。文章中如果有笔误或者不正确的解释,也欢迎批评指正,共同进步。