为什么需要使用$nextTick? 首先我们来看看官方对于$nextTick的定义: 由于vue的试图渲染是异步的，生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextT

看过vue官方文档的同学，对这张图应该已然相当熟悉了。 听过太多回答，通过Object.defineProperty，可是再详细的问时，对方浑然不知。 这里我们用不到100行的代码，实现了一个简易的vue响应式。当然，这里如果不考虑期间的过程，我相信，40行代码之内可以搞定。但…

Vue 和 React 都是基于 vdom 的前端框架，组件渲染会返回 vdom，渲染器再把 vdom 通过增删改的 api 同步到 dom。 当再次渲染时，会产生新的 vdom，渲染器会对比两棵 v

React Diff 算法 认识 React Diff 算法 React 是 Fiber 架构的，Fiber 其实是一个链表的结构，但是由于没有设置反向指针，因此没有使用双端比对的方式去优化 Diff

1、介绍 1.1 虚拟DOM 虚拟 DOM (Virtual DOM，简称 VDOM) 是一种编程概念，意为将目标所需的 UI 通过数据结构“虚拟”地表示出来，保存在内存中，然后将真实的DOM与之保持

vue前言 vue3从发布开始已经有一年有余，近来开始撸源码，真是惭愧至极，啥也别说了，洗心革面 开干！直接上源码枯燥乏味 这里仅仅是我自己的理解响应式原理之后的简版代码，深入理解vue响应式原理

引言 响应式系统 Vue 3的响应式系统是其最核心的功能之一。它使开发者能够以声明式的方式管理应用程序的状态并自动更新相关的视图。Vue 3的响应式系统是通过reactive函数和Proxy对象实现的

面试官问我 Vue 的 `nextTick` 原理是怎么实现的，我这样回答： 在调用 `this.$nextTick(cb)` 之前： 1. 存在一个 `callbacks` 数组，用于存放所有

众所周知，vue3的template中使用ref变量无需使用.value。你猜vue是在编译时就已经在代码中生成了.value，还是运行时使用Proxy拦截的方式去实现的呢？