【这是入口】你要找的 vue 源码 全宇宙的都在这！

[bluezhan]

夜月一帘幽梦，春风十里柔情

介绍 Vue.js 以及 Vue-next 源码分析文章，希望通过学习Vue.js源码获得更好的知识和收获。

vue-next 源码机制

雨里鸡鸣一两家，竹溪村路板桥斜。—— 王建写的《雨过山村》

• Vue 3 源码开放，今天你学习了吗？
• Vue 3.0 源码开放，看看都有哪些新特性
• Vue3.x源码调试
• Vue3响应式系统源码解析(上)
• Vue 3 响应式系统源码解析（单测篇）
• 看vue3源码可以学到什么 : 一 、README
• Vue3数据驱动源码解读
• 你为什么看不懂源码之Vue 3.0 囊中取物
• vue3响应式源码解析-Effect篇
• Vue3响应式系统源码解析-Ref篇
• Vue3源码学习(问题总结)
• VUE CLI3 结合 cross-env 配置环境变量（含环境变量源码解析）
• 解析Vue2.0和3.0的响应式原理和异同(带源码)
• Vue3.0 的 reactive API 定义和源码实现
• Vue3 的响应式和以前有什么区别，Proxy 无敌？（源码级详解）
• Vue 3.0 源码逐行解析（一）：响应式模块（1）
• vue-next/runtime-core 源码阅读指南
• Vue.js 3.x 源码解析先导
• Webpack插件机制之Tapable-源码解析
• Vue3源码之响应系统Reactive模块解读(干货满满,不容错过~)
• vue3.0源码速读
• Vue3源码分析——数据侦测
• Vue3源码解析——整体流程和组合式API

vue 源码，高度关注

• 学习vue源码（1） 手写与事件相关的实例方法
• 学习vue源码（2） 手写Vue.extend方法
• 学习vue源码（3） 手写Vue.directive、Vue.filter、Vue.component方法
• 学习vue源码（4） 手写vm.$mount方法
• 学习vue源码（5） 手写Vue.use、Vue.minxin、Vue.compile
• 学习vue源码（6）熟悉模板编译原理
• 学习vue源码（7）手写解析器
• 学习vue源码（9）手写代码生成器
• 学习vue源码（8）手写优化器

---

• [vue源码01] data响应式 和 初始化渲染
• [vue源码02] computed 响应式 – 初始化，访问，更新过程
• Vuex源码阅读(一) new Vuex.Store()内部探究
• Vue源码探秘（七）（createElement）
• Vue源码探秘（十三）（组件注册）
• vue 源码学习（一）入门和响应式原理
• 解析Vue Router源码
• vue源码前708行的工具方法汇总
• Vue源码探秘（九）（createComponent）
• Vue2.0源码阅读笔记（十三）：性能分析
• Vuex源码解析四及对比Redux
• Vue源码探秘（十）（组件的patch过程）
• Vue源码学习3.8：组件更新&diff算法
• Vue源码之虚拟DOM
• vue的源码解析 小白的进阶之路
• Vue源码之双向数据绑定
• vue源码分析-14-dom异步更新机制(nextTick)
• Vue源码学习3.9：深入Props

---

• Vue源码探秘（一）
• vue源码分析（三）new Vue()之前做了哪些不为人知工作(第一篇)？
• Vue源码探秘（二）（从入口开始）
• Vue源码阅读（八）：计算属性与侦听属性
• Vue源码探秘（三）（new Vue发生了什么？）
• Vue源码探秘（四）（实例挂载$mount）
• Vue源码阅读（九）：编译过程的optimize 阶段
• Vue源码探秘（十二）（生命周期）
• [Vue源码学习]1-从零跑通Vue实例化过程
• Vue源码探秘（六）（Virtual DOM）
• Vue高级指南-02 Vue.js源码深入解析
• Vue2.0源码阅读笔记（十）：指令
• Vue2.0源码阅读笔记（十一）：自定义事件
• Vue2.0源码阅读笔记（七）：组件
• Vue2.0源码阅读笔记（九）：内置组件
• vue源码阅读（六）：diff 算法

---

• vue-router源码全解析
• Vue响应式原理解析（附超详细源码注释和原理解析）
• Vue高级指南-01 Vue源码解析之手写Vue源码
• 深入Vue系列 next-tick原理和源码解析
• 浏览器中如何断点调试Vue3 源码 * Vue之vuex源码分析
• Vue源码浅析之响应式系统（二）
• 【源码解析】创建Vue实例时干了什么？
• 【源码导读 】在new Vue()之前，Vue是什么样子的？
• 【源码分析】Vue的响应数据
• Vue2.0源码阅读笔记（八）：slot
• 学习 vuex 源码整体架构，打造属于自己的状态管理库
• vue源码阅读二：虚拟 DOM 是如何生成的？（上）
• Vue源码简析之Watcher（下）
• VUE源码系列五：组件是怎样生成的？(附详细源码解析)
• 从源码分析Vue的响应式原理
• Vue源码之nextTick

继续前进

• Electron + Vue + Vscode构建跨平台应用（五）Electron-Vue项目源码分析
• observer | 每天读一点Vue源码
• （三）complier模板编译-vue源码动手写系列
• 带你探究vue-router源码
• 修改vue源码实现动态路由缓存 动态路由
• 面试官：Vue 的生命周期之间到底做了什么事清？（源码详解）
• exp-parser | 每天读一点Vue源码
• 源码实现系列之vue-router
• Vue.use 源码分析
• 从剖析Vue-cli源码出发完整的React业务脚手架实践（二）——项目的构建及服务（create）
• 「源码级回答」大厂高频Vue面试题（中）
• Vue数据绑定源码分析以及简单实现
• 通过vue-property-decorator源码学习装饰器
• 分享一个vue2.x源码中，事件绑定的一个值得学习的小操作
• 从剖析Vue-cli源码出发完整的React业务脚手架实践（一）——脚手架架构基础搭建
• 1W字长文+多图，带你了解vue的双向数据绑定源码实现
• VueJS核心-computed属性源码解析与面试参考回答
• 还在找源文件？在 vue 前端页面一键打开源码所在行
• 解读 vue-class-component 源码实现原理
• 浅析vue-router源码并尝试实现一个简单的前端路由
• 【vue-进阶】之vue-router源码分析
• 一步一个脚印,3分钟教你看Vue 源码
• 深入源码学习Vue响应式原理
• vuex的源码一些理解
• CMS全栈项目之Vue和React篇（下）（含源码）