1.前言
本文内容讲解的内容:一张思维导图辅助你深入了解 Vue | Vue-Router | Vuex 源码架构。
项目地址:https://github.com/biaochenxuying/vue-family-mindmap
2. Vue 全家桶
先来张 Vue 全家桶 总图:
3. Vue
细分如下
源码目录
源码构建,基于 Rollup
Vue 本质:构造函数
数据驱动
组件化
深入响应式原理
编译
扩展
4. Vue-Router
introduction
路由注册
VueRouter 对象
matcher
路径切换
5. Vuex
introduction
Vuex 初始化
API
插件
6. 已完成与待完成
已完成:
- 思维导图
待完成:
- 继续完善 思维导图
- 添加 流程图
因为该项目都是业余时间做的,笔者能力与时间也有限,很多细节还没有完善。
如果你是大神,或者对 vue 源码有更好的见解,欢迎提交 issue ,大家一起交流学习,一起打造一个像样的 讲解 Vue 全家桶源码架构 的开源项目。