一张思维导图辅助你深入了解 Vue | Vue-Router | Vuex 源码架构

1.前言

本文内容讲解的内容：一张思维导图辅助你深入了解 Vue | Vue-Router | Vuex 源码架构。

项目地址：https://github.com/biaochenxuying/vue-family-mindmap

文章的图文结合版

Vue-family.md

Vue-family.pdf

2. Vue 全家桶

先来张 Vue 全家桶 总图：

3. Vue

细分如下

源码目录

源码构建，基于 Rollup

Vue 本质：构造函数

数据驱动

组件化

深入响应式原理

编译

扩展

4. Vue-Router

introduction

路由注册

VueRouter 对象

matcher

路径切换

5. Vuex

introduction

Vuex 初始化

API

插件

6. 已完成与待完成

已完成：

• 思维导图

待完成：

• 继续完善 思维导图
• 添加 流程图

因为该项目都是业余时间做的，笔者能力与时间也有限，很多细节还没有完善。

如果你是大神，或者对 vue 源码有更好的见解，欢迎提交 issue ，大家一起交流学习，一起打造一个像样的 讲解 Vue 全家桶源码架构 的开源项目。