浪淘沙

V1

2022/02/25阅读:38主题:前端之巅同款

[ 资料分享 ] Vue 源码分析与讲解 - 附下载地址

✍️ 写在前面

已经很长时间没有更文了,最近也确实有许多工作上的事情要处理。这里给大家分享一篇介绍和分析Vue源码的电子书,这本电子书是我春节期间学习的 《Vue.js 源码揭秘》视频课程的辅助教材。电子书自身是开源的,所以在这里分享给大家。

目前社区有很多 Vue.js 的源码解析文章,但是质量层次不齐,不够系统和全面,这本电子书的目标是全方位细致深度解析 Vue.js 的实现原理,让同学们可以彻底掌握 Vue.js。目前分析的版本是 Vue.js 的最新版本 Vue.js 2.5.17-beta.0,并且之后会随着版本升级而做相应的更新,充分发挥电子书的优势。 —— Vue.js 源码揭秘

🔖 书籍目录

第⼀章:准备⼯作

介绍了 Flow、Vue.js 的源码⽬录设计、Vue.js 的源码构建⽅式,以及从⼊⼝开始分析了 Vue.js 的初始

化过程。

第⼆章:数据驱动

详细讲解了模板数据到 DOM 渲染的过程,从 new Vue 开始,分析了mount 、 render 、 update 、 patch 等流程。

第三章:组件化

分析了组件化的实现原理,并且分析了组件周边的原理实现,包括合并配置、⽣命周期、组件注册、异步组件。

第四章:深⼊响应式原理

详细讲解了数据的变化如何驱动视图的变化,分析了响应式对象的创建,依赖收集、派发更新的实现过程,⼀些特殊情况的处理,并对⽐了计算属性和侦听属性的实现,最后分析了组件更新的过程。

第五章:编译

从编译的⼊⼝函数开始,分析了编译的三个核⼼流程的实现: parse -> optimize -> codegen 。

第六章:扩展

详细讲解了 event 、 v-model 、 slot 、 keep-alive 、 transition 、 transition-group 等常⽤功能的原理实现,该章节作为⼀个可扩展章节,未来会分析更多 Vue 提供的特性。

第七章:Vue-Router

分析了 Vue-Router 的实现原理,从路由注册开始,分析了路由对象、 matcher ,并深⼊分析了整个路径切换的实现过程和细节。

第⼋章:Vuex

分析了 Vuex 的实现原理,深⼊分析了它的初始化过程,常⽤ API 以及插件部分的实现。

🗂️ 知识大纲

🔗 文档地址

文档是在线的,如果需要PDF版本的朋友,可以关注公众号" 前端知识营地 ",后台回复" Vue源码 "获取pdf版本的电子书。

点击此处此关注前端知识营地

分类:

前端

标签:

Vue.js

作者介绍

浪淘沙
V1