vuejs/vue
7 articles
Now I Have All the Data I Need
An introductory overview of the data gathering process before writing the article series.
Vue 2 Source Code Architecture: Navigating the Codebase
A comprehensive map of the Vue 2.7 repository structure, explaining the layered entry point chain, build system, and mixin-based prototype decoration pattern.
Writing Five Articles
An introduction to writing the five articles for the series.
Vue 2 Source Code: Architecture Overview and How the Codebase is Organized
A guided tour of the Vue.js 2.7 source code — directory structure, the layered entry point chain, the build system producing 20+ distribution variants, and the path alias system.
Inside new Vue(): Component Initialization and the Lifecycle
A deep dive into what happens when you call new Vue() — from _init through options merging, tree wiring, state initialization, and the render watcher.
The Reactivity Engine: Observer, Dep, and Watcher
A deep dive into Vue 2's Object.defineProperty-based reactivity system — the Observer-Dep-Watcher triad, the scheduler's batching logic, and nextTick's microtask strategy.
The Reactivity System: Observer, Dep, and Watcher
How Vue 2's Object.defineProperty getters and setters power automatic dependency tracking and change propagation through three tightly coupled classes.