猴哥别瞎说

MVVM框架中，组件化是一种必要性的存在。 通过组件化，将页面做切割，并将其对应的逻辑做一定的抽象，封装成独立的模块。 那么Vue中的组件化是怎样做的呢？我们分几个点来具体阐述这个过程：组件声明过程Vue.component()的具体实现，组件的创建与挂载过程。 发现Vue.c…

在组件实例初始化的过程中，Watcher实例与updateComponent创建了关联。 重点关注vm._update()。查看/core/instance/lifecycle.js: createPatchFunction({nodeOps, modules})中的两个参数n…

接着前文，我们详细研究了数据初始化的过程，也了解了数据更新的几个步骤。现在进入到详细的update过程，这个过程涉及到虚拟DOM与更新DOM操作的patch算法。 在现代UI结构设计中（统称MV*框架，V是现代的标记语言），数据驱动已经成为一个核心。而引入虚拟DOM，则是数据驱…

这个问题的第一问“是什么”，并不复杂。难的是"为什么"。该问题的本质涉及到 Vue 的异步更新问题。 首先，需要明确的是：Vue 的更新 DOM 的操作是异步的，批量的。之所以这么做的缘由也很简单：更新 DOM 的操作是昂贵的，消耗较大。如上面的展示例子所示，Vue 内部会连续…

回答这个问题，实际上回答的是：Vue 的数据响应式原理有什么限制？理解了 Vue 的数据响应式原理的限制，就可以很好回答这个问题。 在实际使用 Vue 的过程中，对于响应式 Data 的声明，必须将需要响应的各个属性都逐一在声明阶段写清楚。如果对于一个响应式的 Object，动…

这篇文章我们来详细了解数据响应式的原理与具体实现。 聊到 Vue 的数据响应，很多人都会对其非侵入式的数据响应系统津津乐道，大概都知道它是通过数据劫持的方式(修改 Object.defineProperty() )来轻量化实现数据响应式。 所谓轻量化，指的是：Vue 中的数据模…

接着前文的准备。我们知道：在 Vue2.6.10 的源码结构中，入口文件是在 src/platforms/web/entry-runtime-with-compiler.js。那么我们就具体来看看里面的代码吧。 看代码知道，这个文件仅仅是对已有的 mount 函数做了增强：将用…

源码解读的vue版本为：2.6.10。 标注有对应注释的源码地址：src. 想要阅读源码，但是从 github 上面拉下来代码之后，却不知如何下手。我想这是很多人遇到的难题。 以 vue2.6.x 系列为例，当我们 git pull 源码之后，打开文件结构，可能会一脸懵逼。这时…

在前端开发过程中，我们和浏览器打交道的时间可能是最多的。但是，很多时候我们只知道浏览器能够做什么，至于它内部是怎么工作的，我们却并不清楚。 甚至有时候会质疑：“了解浏览器的工作原理，对于前端而言，是必要的吗？学了之后有啥用？” 事实上，了解浏览器的工作原理（只需要了解其中的大致…