Skip to content

The chibivue Book

Main Navigation Home Start Learning

日本語

English

日本語

English

Appearance

Sidebar Navigation

Getting Started

初めに

Vue.jsとは

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

本書の進め方と環境構築

Minimum Example

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

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

小さい Reactivity System

小さい Virtual DOM

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

小さいテンプレートコンパイラ

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

データバインディング

SFC で開発したい

ちょっと一息

Basic Virtual DOM

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

ビットによるVNodeの表現

スケジューラ

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

Basic Reactivity System

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

細かいところ

TODO:

remove dead white space
code style

Suggest changes to this page

Pager

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

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

Released under the MIT License.

細かいところ ​

細かいところ