在阅读 nextTick 的源码之前，要先弄明白 JS 执行环境运行机制，介绍 JS 执行环境的事件循环机制的文章很多，大部分都阐述的比较笼统，甚至有些文章说的是错误的，以下为个人理解，如有错误，欢迎指正。 GUI 渲染线程解析 html 生成 DOM 树，解析 css 生成 …

我最近在写 Vue 进阶的内容。在这个过程中，有些人问我看 Vue 源码需要有哪些准备吗？所以也就有了这篇计划之外的文章。 需要注意的是这篇文章每个点不会讲的特别详细，我这里就是把一些知识点归纳一下。每个详细的点仍需自己花时间学习。 相信看过 Vue、Vuex 等源码的人都知道…

Vue2.0中一共有五个内置组件：动态渲染组件的component、用于过渡动画的transition-group与transition、缓存组件的keep-alive、内容分发插槽的slot。 component组件配合is属性在编译的过程中被替换成具体的组件，而slot组件…

Vue2.0 与 Vue1.0最大的区别就是使用了 Virtual DOM 。使用虚拟DOM的好处主要有两点： 在具体介绍虚拟DOM之前，先找到DOM挂载方法的位置与生成的过程。 Vue的DOM挂载是在一系列初始化之后进行的，初始化方法 _init 定义在 /src/core/…

传统的页面开发主张将内容、样式和行为分开，便于开发和维护。等到React、Vue等MVVM前端框架大行其道时，人们更倾向于使用html、css、js聚合在一起创建组件，通过编写小型、独立和通常可复用的组件来构建大型应用。 组件是现代开发框架的基石，下面详细介绍Vue组件的实现原…

距离尤雨溪首次公开 Vue3 (vue-next)源码有一个多月了。青笔观察到，刚发布国庆期间，出现不少解读 Vue3 源码的文章。当然不少有追风蹭热之嫌，文章草草讲讲响应式原理，或者只是做了一些上层的导读，告诉读者应该先看哪再看哪。不能说这些文章就没有一点价值，它确实能够让你…

指令是带有 v- 前缀的特殊特性，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。 Vue2.0 内置了形如v-bind、v-on等指令，如果需要对普通 DOM 元素进行底层操作还可以使用自定义指令。 在 Vue2.0 中，可以通过自定义指令对普通 DOM 元素…

Vue是数据驱动的框架，在修改数据时，视图会进行更新。数据响应式系统使得状态管理变的简单直接，在开发过程中减少与DOM元素的接触。而深入学习其中的原理十分有必要，能够回避一些常见的问题，使开发变的更为高效。 Vue使用观察者模式（又称发布-订阅模式）加数据劫持的方式实现数据响应…

众所周知，在组件式开发中，最大的痛点就在于组件之间的通信。在 Vue 中，Vue 提供了各种各样的组件通信方式，从基础的 props/$emit 到用于兄弟组件通信的 EventBus，再到用于全局数据管理的 Vuex。 在这么多的组件通信方式中，provide/inject …