AlanLee

2023，一个练习时长两年半的前端开发的年终总结：这一年平平淡淡。晚风依旧很温柔，一个人慢慢走。 工作上没有什么大的突破，也没有什么大的成就，这种工作发展情况我不喜欢...

前言 本篇文章分析Vue2的生态库Vuex，我们都知道Vuex是Vue的状态管理库，并且更改store中的state就可以更新视图，那么Vuex是怎么做的state更新就更新视图呢？

上篇文章已经研究了Template转成render函数的过程，那么，本篇文章就接着研究render函数是如何生成标准的DOM，并且Vue是如何更新视图的。在了解了实现原理之后，尝试自己动手实现。

我们写Vue组件代码时，一般都是写模板，这些模板并不是标准的HTML代码，Vue执行组件代码时会把模板转化成真正的HTML代码，那么Vue是如何将模板转换成标准HTML呢...

provide/inject在面试中，偶尔会问到，它通常在回答数据通信的内容中提到，那么它是怎么实现的呢？一起来分析源码吧...

在看computed实现的源码之前，我是一直有些疑问的： computed是有缓存的，那么缓存是怎么实现的呢？ 在computed里定义的计算属性是一个函数，怎么我们取值的时候，就变成直接取属性了呢？

简单概括，开发者定义的options.watch，就是Vue内部的Watcher类的实例,。 通过Dep类连接data的属性与Watcher之间的关系，在初始化Vue/Vue组件时...

nextTick其实挺简单的，底层就是使用了微任务/宏任务来实现，Promise -> MutationObserver -> setImmediate -> setTimeout...

浅了解Vue的初始化过程，从官方示例todomvc分析Vue的初始化过程，通过断点调试，一步一步阅读源码，分析调用链路，了解Vue到底做了什么。