Skip to content

The chibivue Book

Main Navigation 首頁開始學習

繁體中文

繁體中文

主題

Sidebar Navigation

入門指南

入門指南

什麼是 Vue.js？

Vue.js 的關鍵要素

本書的方法和環境設置

最小示例

第一次渲染和 createApp API

套件架構

讓我們啟用 HTML 元素渲染

讓我們支援事件處理器和屬性

響應式系統的前置知識

嘗試實現一個小型響應式系統

最小虛擬 DOM

追求組件導向開發

組件 Props

組件 Emit

理解模板編譯器

實現模板編譯器

希望編寫更複雜的 HTML

資料綁定

使用 SFC 開發（外圍知識）

解析 SFC

SFC template 區塊

SFC script 區塊

SFC style 區塊

稍作休息

基礎虛擬 DOM

key 屬性和補丁渲染

VNode 的位元級表示

調度器

🚧 未處理 Props 的補丁

基礎響應式系統

🚧 響應式最佳化

ref API

computed / watch API

各種響應式代理處理器

Effect 清理和 Effect 作用域

其他響應式 API

基礎組件系統

生命週期鉤子

Provide/Inject

組件代理和 setupContext

插槽

支援 Options API

基礎模板編譯器

重構 Transformer 的 Codegen 實現

實現指令（v-bind）

在模板中求值表達式

支援 v-on

compiler-dom 和事件修飾符

支援 Fragment

支援註釋節點

v-if 和結構指令

支援 v-for

解析組件

支援插槽（定義）

🚧 插槽

🚧 其他指令

🚧 編譯器細節優化

🚧 自訂指令

🚧 基礎 SFC 編譯器

支援 script setup

支援 defineProps

支援 defineEmits

支援作用域 CSS

🚧 Web 應用程式要點

🚧 外掛

路由器

預處理器

🚧 伺服器端渲染

createSSRApp

水合

🚧 內建組件

KeepAlive

Suspense

Transition

🚧 最佳化

靜態提升

補丁標誌

樹扁平化

附錄

15分鐘編寫 Vue.js

chibivue，不是很小嗎...？

實現

除錯原始 Vue.js 原始碼

頁面導航

其他指令

TBD

在 GitHub 上編輯此頁面

Pager

上一頁🚧 插槽

下一頁🚧 編譯器細節優化

基於 MIT 許可證發布。

Copyright © 2023-present ubugeeei