Vue源码解析系列(零)--全局概况

1,367 阅读3分钟

前言

线上关于Vue && React源码解析文章数不胜数,为什么笔者还要去做同样的事情呢?

  • 其一:好记性不如烂笔头,人的脑细胞是每天逐代更新的,那些远古知识细胞会死亡,也就给你造成了,似乎你知道,但是说不太清楚。
  • 其二:资料虽多,却为零散,为了解决这个问题,提升学习效率,减少因搜索资料而浪费的时间。 本系列着重讲new Vue初始化到到第一次渲染视图,以及框架的响应式系统是如何设计的,再者就是我们写的模板tamplate是如何解析编译的,虚拟dom是如何生成的真实dom的,diff算法是怎么进行的,Vue框架本身运用了哪些设计模式,哪些设计思想

目录

本系列暂定16章,因为Vue3.0已经发布,后期还会做两个大版本的对比解析。先来看一下Vue的机制概况:

大致的目录就是:

Vue源码解析系列(一) -- 初始化类new Vue

Vue源码解析系列(二) -- 响应式系统内部是怎么运行的

Vue源码解析系列(三) -- 响应式系统的依赖收集与视图更新

Vue源码解析系列(四) -- 来实现一个双向绑定吧(吊打面试官)

Vue源码解析系列(五) -- $mount是如何实现挂载的

Vue源码解析系列(六) -- 模板tamplate是如何解析编译的

Vue源码解析系列(七) -- 模板tamplate在解析的时候做了哪些优化

Vue源码解析系列(八) -- 虚拟dom是怎么样生成的

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-cli的源码解读

Vue源码解析系列(十九) -- 源码解析终结与展望

最后

因为前期笔者有写过一本电子书,用了大概五个月吧,平时也上班,也难得有时间去写些文章,今后按时更新一篇《Vue源码解析系列》。文章中有所标注。如果没有标注,可能是本人忘记了,欢迎提醒。文章中如果有笔误或者不正确的解释,也欢迎批评指正,共同进步。