本文通过图形结合文字，详细讲了vue2和vue3diff算法中核心部分内容，最后还贴有其实现代码和流程图

一、虚拟节点树的生成流程 在阐述Diff算法之前，先简单聊下虚拟节点树的生成过程。 vue-sfc模块是Vue3的模板编译模块，在一个.vue文件内，顶层的<template>内的模板将被编译成一个组

先来张Vue的风暴图,感受一下抽象的席卷~ ES(6-12)全版本语法 ES6 1. 新的声明方式：let 变量 不属于顶层对象window 不允许重复声明 不存在变量提升 暂时性死区 块级作用域 1

前言 本章要进入到 Watcher 类的实现了 Watcher 类 功能 当数据变化触发依赖， dep 通知所有的 Watcher实例更新视图 滋生实例化的时候往 dep 对象中添加自己 结构 vm

这件事大约发生在半年前，有人在 vite 的仓库下提了一个关于 vue-router 的 issue，让尤大非常不高兴。遇到同样的问题，如果换做你，你会怎么做呢？

Pinia优势 Pinia是一个全新的Vue状态管理库，是Vuex的代替者，尤雨溪强势推荐 Vue2 和 Vue3 都能支持 抛弃传统的 Mutation ，只有 state, getter 和 ac

学习过 Vue3 源码的同学都知道，diff 算法用到了位运算，不把位运算搞清楚，你是看不懂 Vue3 源码的。 文知识图谱如下：本文将通过四个步骤带你熟悉前端中的位运算 你掌握了吗？没掌握就一起来查

深入研究 Vue 技术栈的源码原理，从框架源码解读到手写框架 ...................

东窗事发 之前去阿里的二面，信心满满的我准备了一堆面试题，想着可以暴打面试官了，很是开心！结果去了以后，他喵的居然让我给他现场机试实现一个功能，当场蒙蔽了我！ 具体功能如下gif：   需求设计 差点