可能文中有些表述不是很严谨，大家见谅。 顺便推荐大家看一篇非常好的文章Tasks, microtasks, queues and schedules，看完绝对有所收获。 这里猜测一下为什么Vue有一个API叫nextTick。 这些线程中，和Vue的nextTick息息相关的是…

本文打算 白话文的形式讲解 Vue 的响应式系统原理，尽量不涉及源码。 只阐述工作流程，不想内容过多过于繁杂，导致大家会没有什么阅读的兴趣。 所以我今后打算把每一个内容分成 白话版和 源码版。 白话版，就是让大家不用花费太多脑力，不用消耗太多时间，就能轻松地看完并大致了解内容。…

详细讲解了 Vue 响应式的实现原理 以及从源码层次来回答一些和响应式相关的面试题 ........

本文根据Vue源码v2.x进行分析。这里只梳理最源码中最主要的部分，略过非核心的一些部分。响应式更新主要涉及到Watcher，Dep，Observer这几个主要类。 1. Vue实例初始化 从Vue的生命周期可知，首先进行init初始化操作，这部分代码在instance/ini…

在封装第三方组件中，经常会遇到一个问题，如何通过封装的组件去使用第三方组件的Attributes(属性)、Events(自定义事件)、Methods(方法)、Slots(插槽)。 当然这个问题并不是难以解决，用普通方法解决难免陷入繁琐重复的工作中，而且封装的组件代码可读性也不高…

例如在coma和comb都有一个input都有对应的value，如果我们不用keep-alive，当更改visible的时候，这两个组件都会重新渲染，先前输入的内容就会丢失，会执行一遍完整的生命周期流程:beforeCreate => created...。 但是如果我们用了k…

不过这似乎并没有让我放弃，我可以起的早一点，也可以睡得晚一点。直到现在我写了约20万字，依然在持续更新，但我觉得它应该可以和大家见面了，大家久等了。 接下来让我介绍一下《Vue技术内幕》这套源码分析文章的特点，希望让你感受到我的诚意。 上面的链接拿走不谢，另外我要解释一下为什么…

在 Vue 开发过程中，如遇到祖先组件需要传值到孙子组件时，需要在儿子组件接收 props ，然后再传递给孙子组件，通过使用 v-bind="$attrs" 则会带来极大的便利，但同时也会有一些隐患在其中。 于是我发现这个“bug”，并迅速打开 gayhub 提了个 issue…

我自己本身的技术栈是Vue，之前也多多少少在看了一些关于Vue的源码层面的东西。虽然进了公司以后用的是React，但是我觉得学什么技术栈并不是最重要的，最重要的是我们在学习的过程中去弄懂它的原理，我们看源码也不是为了看而去看，更重要的是去学习人家的设计思想和设计理念以及编码风格…