vuejs / core

Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

45.0k

TypeScript

Architecture: monorepo

View Original Source

main

core

.github

packages

compiler-core

compiler-dom

compiler-sfc

compiler-ssr

reactivity

reactivity-transform

runtime-core

runtime-dom

server-renderer

shared

vue

vue-compat

scripts

aliases.js

build.js

dev.js

package.json

pnpm-workspace.yaml

rollup.config.js

Structural Architecture

Vue 3's core repository is managed through a pnpm workspace structure. It heavily separates the compiler, the reactivity system, and the DOM runtime into deeply scoped discrete packages to allow developers to build incredibly lean, tailored bundle layers.

Loose coupling via tightly constrained internal packages.
Total isolation of 'reactivity' enabling usage outside of UI frameworks.
Strict split between 'runtime-core' and browser-specific 'runtime-dom'.

Notable Directories

/packages/reactivity

The standalone reactivity system.

/packages/compiler-core

Platform-agnostic core compiler.

/packages/runtime-core

Platform-agnostic runtime and virtual DOM logic.

/packages/compiler-dom

Browser-specific compiler with HTML/CSS parsing.

Build Your Own Ecosystem

Learn from core's structure and craft your own software scaffolding.