Skip to content

The chibivue Book

Main Navigation Home Start Learning

日本語

日本語

Appearance

Sidebar Navigation

Getting Started

初めに

Vue.jsとは

Vue.jsを構成する主要な要素

本書の進め方と環境構築

Minimum Example

初めてのレンダリングと createApp API

パッケージの設計

HTML要素をレンダリングできるようにしよう

イベントハンドラや属性に対応してみる

リアクティビティシステムの前程知識

小さいリアクティビティシステムを実装してみる

小さい仮想 DOM

コンポーネント指向で開発したい

Props の実装

Emit の実装

テンプレートコンパイラを理解する

テンプレートコンパイラを実装する

もっと複雑な HTML を書きたい

データバインディング

SFC で開発したい (周辺知識編)

SFC のパース

SFC の template block

SFC の script block

SFC の style block

ちょっと一息

Basic Virtual DOM

key属性とパッチレンダリング

ビットによるVNodeの表現

スケジューラ

🚧 対応できていない Props のパッチ

Basic Reactivity System

🚧 Reactivity の最適化

ref api

computed / watch api

様々な Reactive Proxy Handler

Effect のクリーンアップと Effect Scope

その他の reactivity api

Basic Component System

ライフサイクルフック

Provide/Inject

コンポーネントの Proxy と setupContext

スロット

Options APIに対応する

Basic Template Compiler

Transformer の実装の Codegen のリファクタ

ディレクティブを実装しよう (v-bind)

template 内での式の評価

v-on に対応する

compiler-dom とイベント修飾子

Fragment に対応する

コメントアウトに対応する

v-if と構造的ディレクティブ

v-for に対応する

コンポーネントを解決する

スロットに対応する (定義編)

🚧 その他のディレクティブ

🚧 微調整

🚧 カスタムディレクティブ

🚧 Basic SFC Compiler

🚧 script setup に対応する

🚧 defineProps に対応する

🚧 defineEmits に対応する

🚧 Scoped CSS に対応する

🚧 Web Application Essentials

🚧 Plugin

🚧 Router

🚧 Preprocessors

🚧 Server Side Rendering

🚧 createSSRApp

🚧 hydration

🚧 Builtins

🚧 KeepAlive

🚧 Suspense

🚧 Transition

🚧 Optimizations

🚧 Static Hoisting

🚧 Patch Flags

🚧 Tree Flattening

付録

15 分で Vue を作る

chibivue、デカくないですか...?

実装

本家のソースコードをデバッグする

On this page

Reactivity の最適化

TBD

Suggest changes to this page

Pager

Previous page🚧 対応できていない Props のパッチ

Next pageref api

Released under the MIT License.

Reactivity の最適化 ​

Reactivity の最適化