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 に対応する

Props の分割代入に対応する

型ベースの defineProps/defineEmits

Web Application Essentials

プラグイン

ルーター

CSS プリプロセッサ

ストア

データフェッチ

Language Tools

Server Side Rendering

renderToString

Hydration

Compiler SSR

組み込みコンポーネント

KeepAlive

Transition

最適化

Static Hoisting

Patch Flags

Tree Flattening

Vapor Mode

Vapor Compiler

Vapor SSR

付録

15 分で Vue を作る

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

実装

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

On this page

準備中

このページは準備中です。内容が変更される可能性があります。

Coming Soon

TBD

Suggest changes to this page

Pager

Next page初めに

Released under the MIT License.

Coming Soon ​

Coming Soon