首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
Vue3 源码解析
wuhen_n
创建于2026-02-16
订阅专栏
本专栏拒绝“黑盒学习”,将基于Vue3 源码,手把手带你搭建调试环境,从createApp开始,逐行拆解响应式系统、运行时、编译器、服务端渲染四大核心模块。
等 5 人订阅
共32篇文章
创建于2026-02-16
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
computed:懒计算的响应式值
computed 是 Vue3 响应式系统中一颗璀璨的明珠,理解 computed 的实现原理,不仅能帮助我们更好地使用它,还能在遇到性能问题时做出正确的优化决策。
trigger函数:更新触发的完整实现
trigger 函数作为响应式系统的"执行者",承担着从数据变化到副作用执行的桥梁作用。理解 trigger 的实现原理,不仅能帮助我们在遇到响应式问题时快速定位,还能在性能优化时做出更明智的选择。
track函数:依赖收集的完整实现
track 函数虽然只有短短几十行代码,却承载着 Vue3 响应式系统的核心逻辑。理解这些底层原理,不仅能帮助我们在开发中避免踩坑,更能让我们在性能优化时做出更明智的选择。
响应式系统核心难题:数组与集合
数组和集合的响应式实现是 Vue3 中最复杂但也最精巧的部分。通过本文的深入分析,我们不仅理解了 Vue3 如何解决这些技术难题,更重要的是学会了如何避免在实际开发中踩坑。
ref的实现与自动解包:Vue3响应式的另一面
`ref` 系统与 `reactive` 共同构成了 Vue3 完整的响应式体系,理解它们的实现原理,能够帮助我们在开发中做出更明智的技术选择。
reactive 工具函数集
本篇文章主要介绍了 reactive 的工具函数集,包含只读函数、浅层响应函数、跳过代理、类型判断等。
reactive的Proxy实现:非原始值的响应式方案
本篇文章实现了一个相对较为完整的 reactive 响应式系统,讲解了了 Vue2 响应式的局限性和 Proxy 的优势,以及 Reflect 在响应式中的重要作用。
effect的调度与清理:深入Vue3响应式系统的进阶特性
本篇文章主要介绍了effect副作用函数的高级特性,掌握这些特性,我们不仅能更好地理解Vue3的工作原理,还能在遇到性能问题时,知道如何优化effect的执行策略,甚至在需要时实现自己的响应式系统。
effect函数的完整实现与追踪:深入Vue3响应式核心
本文深入解析Vue3响应式系统中的effect函数实现细节,讲解了 activeEffect 的设计与挑战,以及嵌套 effect 的处理。
副作用的概念与effect基础:Vue3响应式系统的核心
Vue3的响应式系统基于副作用(side effect)和effect函数实现数据依赖追踪。副作用指函数执行对外部环境的影响,如修改DOM或变量。
前端构建工具:从Rollup到Vite
构建工具是现代前端开发的基石,深入理解它们不仅能帮助我们写出更高效的代码,还能在遇到问题时快速定位和解决。
Vue3 的设计革命与性能架构总览
Vue3 通过架构重构,相比于 Vue2 带来显著的性能提升,本文主要介绍了 Vue3 相比 Vue2 的优势与核心优化模块。