Skip to content

The chibivue Book

Main Navigation Home Start Learning

English

English

Appearance

Sidebar Navigation

Getting Started

What is Vue.js?

Key Elements of Vue.js

Approach in This Book and Setting Up the Environment

Minimum Example

First Rendering and the createApp API

Package Architecture

Let's Enable Rendering HTML Elements

Let's work on supporting event handlers and attributes.

Prerequisite Knowledge for the Reactivity System

Try Implementing a Small Reactivity System

A Minimal Virtual DOM

Aspiring for Component-Oriented Development

Component Props

Component Emit

Understanding the Template Compiler

Implementing the Template Compiler

Desire to Write More Complex HTML

Data Binding

Developing with SFC (Peripheral Knowledge)

Parse SFC

SFC template block

SFC script block

SFC style block

Taking a Short Break

Basic Virtual DOM

key Attribute and Patch Rendering

Bit-Level Representation of VNodes

Scheduler

Patch for Unhandled Props

Basic Reactivity System

Reactivity Optimization

ref API

computed / watch API

Various Reactive Proxy Handlers

Effect Cleanup and Effect Scope

Other Reactivity APIs

Basic Component System

Lifecycle Hooks

Provide/Inject

Component Proxies and setupContext

Slots

Supporting Options API

Basic Template Compiler

Refactoring Implementation of Transformer for Codegen

Implementing Directives (v-bind)

Eval expression in template

Supporting v-on

compiler-dom and Event Modifiers

Support for Fragment

Support for Comment Node

v-if and Structural Directives

Support for v-for

Resolving Components

Support for Slots (Definition)

Support for Slots (Usage)

Other Directives

Compiler Refinements

Parser Optimization

Custom Directives

Basic SFC Compiler

Supporting script setup

Supporting defineProps

Supporting defineEmits

Supporting Scoped CSS

Supporting Props Destructure

Type-based defineProps/defineEmits

Web Application Essentials

Plugins

Router

CSS Preprocessors

Store

Data Fetch

Language Tools

Server Side Rendering

renderToString

Hydration

Compiler SSR

Built-in Components

KeepAlive

Transition

Optimizations

Static Hoisting

Patch Flags

Tree Flattening

Vapor Mode

Vapor Compiler

Vapor SSR

Appendix

Writing Vue.js in 15 minutes.

chibivue, isn't it small...?

Implement

debug original Vue.js source

On this page

Work in Progress

This page is under construction. Content may change.

Slots

TBD

Suggest changes to this page

Pager

Next pageGetting Started

Released under the MIT License.

Slots ​

Slots