Today, the open source project to share with you is vue. js source code analysis, if you have preschool friends can browse this open source project. The project currently has more than 4,700 starts on GitHub.
At present, the community has a lot of vue.js source code analysis article, but the quality level is not uniform, not systematic and comprehensive, the goal of this e-book is to fully detailed and deep analysis of vue.js implementation principle, so that students can thoroughly master vue.js. The version analyzed at present is the latest version of vue.js, vue.js 2.5.17-beta.0, and will be updated accordingly with the version upgrade, giving full play to the advantages of e-books.
This ebook is used as an auxiliary material for the video course “Vue.js source Code Revealed”. The e-book is open source, students can read it for free, the video is charged, 25+ hours of pure dry course, if you need to buy to study, but please be sure to support the legal version, please respect the author’s work.
Chapter directory
In order to explain the vue.js source code clearly, the course is designed from the simple to the deep, divided into four aspects of core, compilation, extension, ecology, and divided into eight chapters, as shown below:
Chapter one: Preparation
Introduced the Flow, vue. js source directory design, vue. js source code construction method, as well as from the entrance to analyze vue. js initialization process.
Chapter two: Data Driven
Detailed explanation of template data to DOM rendering process, starting from new Vue, analysis of mount, render, update, patch and other processes.
Chapter three: componentization
The realization principle of componentization is analyzed, and the realization principle around component is analyzed, including merge configuration, life cycle, component registration, asynchronous component.
Chapter 4: Deep responsivity principle
It explains in detail how the change of data drives the change of view, analyzes the creation of responsive objects, the implementation process of dependency collection and distribution of updates, the treatment of some special cases, and compares the implementation of computing properties and listening properties, and finally analyzes the process of component update.
Chapter 5: Compilation
Parse -> optimize -> CodeGen is analyzed from the compiler entry function.
Chapter 6: Expansion
It explains in detail the implementation principles of common functions such as Event, V-Model, Slot, keep-alive, transition, and transition-group. As an extensible chapter, this chapter will analyze more features provided by Vue in the future.
Chapter 7: Vue-Router
This paper analyzes the implementation principle of VUe-Router, starting from the route registration, analyzes the route object, matcher, and deeply analyzes the implementation process and details of the whole path switching.
Chapter 8: Vuex
The realization principle of Vuex is analyzed, and its initialization process, common API and plug-in parts are deeply analyzed.
Document of the project: ustbhuangyi. Making. IO/vue – analysi… Open source: github.com/ustbhuangyi…