重学Vue源码，根据黄轶大佬的vue技术揭秘，逐个过一遍，巩固一下vue源码知识点，毕竟嚼碎了才是自己的，所有文章都同步在 公众号(道道里的前端栈) 和 github 上。 在响应式对象里提到，Vue会把普通对象变成一个响应式对象，它的 getter 是用来做依赖收集的，具体这…

在 Vue.js 中，数据代理（Data Proxy）和数据劫持（Data Interception）是两个核心概念，它们在实现 Vue 的双向绑定和响应式数据流方面发挥了重要作用。 数据代理（Dat

要解答问题，首先要理解问题： 数据双向绑定 是一种模式，web语境下一般指数据从dom到JS对象之间的自动同步。DOM 与 JS 被隔离在两个不同的运行时上，互相之间需要通过命令式的 DOM接口 沟通：DOM 需要正确触发事件，将信息传输给JS程序；而JS也需要在状态变更后，有…

什么是数据劫持? 定义： 数据劫持，指的是在访问或者修改对象的某个属性时，通过一段代码拦截这个行为，进行额外的操作或者修改返回结果。 简单地说，就是当我们 触发函数的时候 动一些手脚做点我们自己想做的

Vue3官网中有下面这样一张图，基本展现出了Vue3的渲染原理： 本文会从源码角度来草率的看一下Vue3的运行全流程，旨在加深对上图的理解，从下面这个很简单的使用示例开始： 通过createApp方法

本文会带着大家分析`processElement`和`processComponent`这两个函数的大部分源码实现

在 Vue.js 中，组件是一个非常重要的概念，整个应用的页面都是通过组件渲染来实现的，但是你知道当我们编写这些组件的时候，它的内部是如何工作的吗？从我们编写组件开始，到最终真实的 DOM 又是怎样的

本文会从一段模版代码开始，先后讲解patchflag、Block、Block Tree实现原理，帮助大家理解编译优化

Vue.js是一个基于组件化和响应式数据流的前端框架。当我们在Vue中编写模板代码时，它会被Vue编译器处理并转换为可被浏览器解析的JavaScript代码。Vue中的模板实际上是HTML标记和Vue