yyzzabc123

前面我们讲到了_init函数的执行流程，简单回顾下： 初始化生命周期-initLifecycle 初始化事件-initEvents 初始化渲染函数-initRender 调...

一、Vue.nextTick 内部逻辑 在执行 initGlobalAPI(Vue) 初始化 Vue 全局 API 中，这么定义 Vue.nextTick。 可以看出是直接...

4.1 Virtual DOM 4.1.1 浏览器的渲染流程 当浏览器接收到一个Html文件时，JS引擎和浏览器的渲染引擎便开始工作了。从渲染引擎的角度，它首先会将html...

前言 这段时间利用课余时间夹杂了很多很多事把 Vue2 源码学习了一遍，但很多都是跟着视频大概过了一遍，也都画了自己的思维导图。但还是对详情的感念模糊不清，故这段时间对源码...

为什么要学源码 技术是第一生产力 学习 API 的设计目的、思路、取舍 学习优秀的代码风格 学习组织代码的方式 学习实现方法的技巧 学习 ES67 新 API、TS 高级用...

例子代码 本篇将要讲解dom diff，那么咱们结合下面的例子来进行讲解，这个例子是在上一篇文章的基础上，加了一个数据变更，也就是list的值发生了改变。html中增加了一...

10.1 普通插槽 插槽将<slot></slot>作为子组件承载分发的载体，简单的用法如下 10.1.1 基础用法 10.1.2 组件挂载原理 插槽的原理，贯穿了整个组件...

4.1 Virtual DOM 4.1.1 浏览器的渲染流程 当浏览器接收到一个Html文件时，JS引擎和浏览器的渲染引擎便开始工作了。从渲染引擎的角度，它首先会将html...

6.1 异步组件 6.1.1 使用场景 Vue作为单页面应用遇到最棘手的问题是首屏加载时间的问题，单页面应用会把页面脚本打包成一个文件，这个文件包含着所有业务和非业务的代码...

上一章，我们讲到了Vue初始化做的一些操作，那么我们这一章来讲一个Vue核心概念响应式系统。 我们先来看一下官方对深入响应式系统的解释: 我们直接看源码，我们看到的Obje...

2.1 数据代理的含义 数据代理的另一个说法是数据劫持，当我们在访问或者修改对象的某个属性时，数据劫持可以拦截这个行为并进行额外的操作或者修改返回的结果。而我们知道Vue响...

3.1 Runtime Only VS Runtime + Compiler 在正文开始之前，我们先了解一下vue基于源码构建的两个版本，一个是runtime only(一...

7.1 数据初始化 回顾一下之前的内容，我们对Vue源码的分析是从初始化开始，初始化_init会执行一系列的过程，这个过程包括了配置选项的合并，数据的监测代理，最后才是实例...

7.12 数组检测 在之前介绍数据代理章节，我们已经详细介绍过Vue数据代理的技术是利用了Object.defineProperty,Object.defineProper...

7.8 相关概念 在构建简易式响应式系统的时候，我们引出了几个重要的概念，他们都是响应式原理设计的核心，我们先简单回顾一下： Observer类，实例化一个Observer...

9.1. 模板编译 Vue在挂载实例前，有相当多的工作是进行模板的编译，将template模板进行编译，解析成AST树，再转换成render函数，而有了render函数后才...

初学vue，你得知道我们是从new Vue开始的： 那你觉得是不是很有意思，咱们new Vue之后，就可以使用他那么多的功能,可见Vue是暴出来的一个一个功能类函数，我们进...

12.1 动态组件 动态组件我相信大部分在开发的过程中都会用到，当我们需要在不同的组件之间进行状态切换时，动态组件可以很好的满足我们的需求，其中的核心是component标...

4.1 Virtual DOM 4.1.1 浏览器的渲染流程 当浏览器接收到一个Html文件时，JS引擎和浏览器的渲染引擎便开始工作了。从渲染引擎的角度，它首先会将html...

之前讲到Vue在渲染机制的优化上，引入了Virtual DOM的概念，利用Virtual DOM描述一个真实的DOM,本质上是在JS和真实DOM之间架起了一层缓冲层。当我们...