qq_36782473的博客

Vue2的异步更新策略与$nextTick源码解析前言一、事件循环机制1.概念解释1.1 事件循环Event Loop1.2 宏任务Task1.3 微任务MicroTask2. 案例解析二、Vue2的批量异步更新策略1. 概念解释1.1 异步1.2 批量1.3 异步策略2. 源码分析2.1 思维导图2.2 Watcher何时加入微任务队列？2.3 如何加入微任务队列？2.3.1 Watcher去重2.3.2 生成微服务队列数组2.3.3 定义微任务的执行方式3. 批量异步更新三、实例分析前言在我之前的文

Vue2的组件化流程源码解析前言一、源码位置二、源码解析1. 前置处理 - 组件的注册1.1 初始化Vue的components选项1.2 实现component方法2. 组件实例的创建和挂载2.1 组件初始化方法的定义2.1.1 获取组件构造方法2.1.2 处理组件钩子函数和生成vnode2.2 组件创建和挂载的时机2.2.1 父子组件生命周期的关系2.2.2 子组件创建和挂载的时机三、总结1. component API的注册时机2. 自定义组件创建和挂载的时机3. 父子组件的生命周期关系前言我们

new Vue(）的初始化过程详析一、前置工作1. 获取Vue源码2. Vue源码项目文件结构2.1 项目根目录结构说明2.2 核心代码目录说明3. 调试环境搭建二、寻找项目运行入口文件三、new Vue()的初始化过程解析1. 思维导图2. 源码解析2.1 扩展$mount()方法2.2 src/platforms/web/runtime/index.js2.2.1 定义__patch__方法。2.2.2 实现$mount()。2.3 核心源码src/core/index.js2.3.1 初始化全局API