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)

🚧 Slots

🚧 Other Directives

🚧 Chore Compiler

🚧 Custom Directives

🚧 Basic SFC Compiler

Supporting script setup

Supporting defineProps

Supporting defineEmits

Supporting Scoped CSS

🚧 Web Application Essentials

🚧 Plugin

Router

Preprocessors

🚧 Server Side Rendering

createSSRApp

hydration

🚧 Builtins

KeepAlive

Suspense

Transition

🚧 Optimizations

Static Hoisting

Patch Flags

Tree Flattening

Appendix

Writing Vue.js in 15 minutes.

chibivue, isn't it small...?

Implement

debug original Vue.js source

On this page

Reactivity Optimization

TBD

Suggest changes to this page

Pager

Previous page🚧 Patch for Unhandled Props

Next pageref API

Released under the MIT License.

Reactivity Optimization ​

Reactivity Optimization