双向绑定其实已经是一个老掉牙的问题了,只要涉及到MVVM框架就不得不谈的知识点,但它毕竟是Vue的三要素之一. 可以实现双向绑定的方法有很多,KnockoutJS基于观察者模式的双向绑定,Ember基于数据模型的双向绑定,Angular基于脏检查的双向绑定,本篇文章我们重点讲面…

前面一篇文章写了关于VUE2.0中实现数据双向绑定的核心知识点--Object.defineProperty,今天继续探讨下VUE2.X为何弃用Object.defineProperty。

大白话讲明白vue数据双向绑定，最近在网上看了很多的vue数据双向绑定的博客，大部分都是复制粘贴，连文字都是一样的，只是把代码放上去了，究竟为什么需要这样也没有说清楚，这里教你大白话，不搞华丽花哨的

vue是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发响应的监听回调。 MVVM作为数据绑定的入口，合 observer、 Compile和 Watche…

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

终于到了要讲 compile 白话的时候了，大家准备好了吗，白话版肯定不会很复杂啦，源码版就不一定了。。。 卧槽，竟然写了这么久.....

本文从nextTick API 的概念到使用，再到源码，层层剖析。系统地回顾nextTick的相关用法，以及内部调用逻辑。

最近一直在读Vue源码，也写了一系列的源码探秘文章。 但，收到很多朋友的反馈都是：源码晦涩难懂，时常看着看着就不知道我在看什么了，感觉缺乏一点动力，如果你可以出点面试中会问到的源码相关的面试题，通过面试题去看源码，那就很棒棒。 我通过三篇文章整理了大厂面试中会经常问到的一些Vu…

当我们写下这行代码时,vue将我们在data内定义的obj对象进行依赖追踪. 我们来一步步实现看下。