vue 2.x内部运行机制系列文章

最近一直在用vue.js作为前端技术栈，闲暇之余，也简单研究了下vue.js的源码和各位前端大牛的文章，为了加深自己对vue.js的理解和完成公司的硬性要求(内部分享)，于是就有了这篇系列文章。同时也趁3.0正式版发布前做2.0的最后一波总结。

vue是什么

套用官网的话，vue是一套用于构建用户界面的渐进式框架。Vue 的核心库只关注视图层，它拥有优雅的API,并且易于上手，还便于与第三方库或既有项目整合，这使它已经成为了目前主流前端框架之一。

那么，你是否对以下问题有过思考?

• vue是如何做到数据和视图响应式的？
• 一直都在说虚拟DOM，那么虚拟DOM在vue中又充当什么角色？
• 传统的 DOM 操作又在何时进行的呢？

很多同学对vue.js内部运行原理理解不足，导致遇到一些比较棘手的问题时，感觉到无从下手。

希望通过这篇文章，能使得各位同学在解决一些vue项目中的疑难杂症时，可以更加的得心应手。当然，以下都是我的个人的理解，可能在有些地方理解不到位，欢迎各位指证。

这篇系列文章主要有以下几篇组成：

1. vue 2.x内部运行机制系列文章-内部运行机制总览
2. vue 2.x内部运行机制系列文章-响应式原理
3. vue 2.x内部运行机制系列文章-template模板编译原理
4. vue 2.x内部运行机制系列文章-虚拟DOM、diff及patch原理
5. vue 2.x内部运行机制系列文章-异步更新策略及nextTick原理
6. vue 2.x内部运行机制系列文章-vuex状态管理的工作原理
7. vue 2.x内部运行机制系列文章-vue-router工作原理

部分内容参考learnVue，这里是详细讲解源码，对源码有兴趣的同学可以去了解一下。