1 Introduction
Explain the contents of this article: a mind map assist you understand Vue | Vue-Router | Vuex source architecture .
Project Address: https://github.com/biaochenxuying/vue-family-mindmap
The combination of graphic version of the article
2. Vue family bucket
First-come, Zhang Vue family bucket General Plan:
3. View
Broken down as follows
Source directory
Source building, Rollup based
Vue nature: Constructor
Data-driven
Componentization
Responsive depth principle
Compile
Spread
4. Sight-router
introduction
Routing Registry
VueRouter objects
matches
Path switching
5. Vuex
introduction
Vuex initialization
API
Plug
6. Completed and Pending
Completed :
- mind Mapping
Pending :
- Continue to improve the mind map
- Add flowchart
Because the project is spare time, I have limited time and ability, many of the details have not yet perfect.
If you are a great God, or have a better insight into the source vue, welcomes the submission issue, we can talk about, to build together a decent family bucket to explain open source projects Vue source architecture .
7. Summary
The above is the author of the recently harvested when learning Vue source code and made notes, this article is mostly open source projects Vue.js technology reveals the content, but in the form of mind maps to show, contents are omitted, also joined the I understand the point.
The reason why I used to record what they learn in the form of mind maps is that mind mapping to better reflect the knowledge and structure, more people form a complete knowledge of architecture, a system of knowledge once formed, will be easy to understand and easy forget.
Note : will be compressed, the article may be a bit blurred pictures may be uploaded, but all the paper used in ultra-clear pictures are already on github on, but also pdf format, the original file markdown syntax, mind map , they can according to mind map original file export the appropriate ultra-clear picture.
Often more articles address:
1. The micro-channel public number
2. GitHub
3. practicing full stack
8. Finally
Biography 承至善
If you think of this article or item you have inspired to praise or Give me a star, right, thumbs up is a virtue, thank you.
Reference open source projects: