Writing Vue.js: Step by Step, from just one line of "Hello, World".
Online Book · Discord · Sponsor
chibivue is a minimal implementation of Vue.js for educational purposes.
- Reactivity System
- Virtual DOM & Patch Rendering
- Component System
- Template Compiler
- SFC Compiler
- Vapor Mode (experimental)
"chibi" means "small" in Japanese.
| Language | URL |
|---|---|
| English | https://book.chibivue.land |
| 日本語 | https://book.chibivue.land/ja |
| 简体中文 | https://book.chibivue.land/zh-cn |
| 繁體中文 | https://book.chibivue.land/zh-tw |
git clone https://github.com/chibivue-land/chibivue
cd chibivue
pnpm install
pnpm devpnpm setup # Generate playground
pnpm impl:dev # Start dev serverHyper Ultimate Super Extreme Minimal Vue
Implements createApp, Virtual DOM, Reactivity, Template Compiler, and SFC Compiler in just 110 lines.
Read the Chapter · View Source
See contributing.md.
Join our Discord Server for discussions, questions, and announcements.