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

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

 

 

1.前言

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

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

文章的图文结合版[1]

Vue-family.md[2]

Vue-family.pdf[3]

2. Vue 全家桶

先来张 Vue 全家桶 总图：

 

 

3. Vue

细分如下

源码目录

 

 

源码构建，基于 Rollup

 

 

Vue 本质：构造函数

 

 

数据驱动

 

 

组件化