使用 Vue 做项目也有两年时间了，对 Vue 的 api也用的比较得心应手了，虽然对 Vue 的一些实现原理也耳有所闻，例如 虚拟DOM、flow、数据驱动、路由原理等等，但是自己并没有特意去探究这些原理的基础以及 Vue 源码是如何利用这些原理进行框架实现的，所以利用空闲时…

相信大家对 Vue 有哪些生命周期早就已经烂熟于心，但是对于这些生命周期的前后分别做了哪些事情，可能还有些不熟悉。 本篇文章就从一个完整的流程开始，详细讲解各个生命周期之间发生了什么事情。 注意本文不涉及 keep-alive 的场景和错误处理的场景。 进入了 _init 函数…

既然所有层次的数据都已经是响应式的了。 【题内话】回忆一下Vue中 watch的用法，它的原理正是本章要阐述的。 观察wacht的运用，思考一下它内部是如何实现的呢？这里先抛出问题引起思考，现在来一步一步解答。 在get和set中加入这部分的逻辑。并且发现收集依赖的前提是Dep…

笔者会竭尽所能的减少复杂逻辑描述，和需要阅读的时间。 这好像是所有学习Vue源码中最开始的部分。笔者初学前端半年，最近认真学习了一下MVVM模式的实现。希望把知识简单的呈现给读到的朋友们。这个部分的知识其实不复杂，主要就是围绕着Object.defineProperty()这个…

来不及解释了，快上车......之前的一篇文章讲到了vue的响应式原理，今天补充一下数组响应式的原理，因为vue对数组做了特别的处理

最近在学习vue模版编译原理，整理一下，以后复习用。 参照这张图，一起看看具体怎么实现的吧。 上面我们已经，匹配出 开始标签、文本、结尾标签。那么问题来了，怎么把匹配出来的开始标签、文本、结尾标签，组装成一个AST树结构呢？ 前面我们已经通过调用_render函数生成一个的vn…

new Vue()这个过程中究竟做了些什么？ vue构建函数调用_init方法，但发现本文件中并没有此方法，但仔细可以看到文件下方定义了很多初始化方法 首先可以看initMixin方法，发现该方法在V

目前几种主流的mvc(vm)框架都实现了单向数据绑定，而我所理解的双向数据绑定无非就是在单向绑定的基础上给可输入元素（input、textare等）添加了change(input)事件，来动态修改model和 view，并没有多高深。所以无需太过介怀是实现的单向或双向绑定。 D…