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

支援 Props 解構

基於類型的 defineProps/defineEmits

Web 應用程式要點

外掛

路由器

CSS 預處理器

狀態管理

資料獲取

Language Tools

伺服器端渲染

renderToString

Hydration（水合）

Compiler SSR

內建組件

KeepAlive

Transition

最佳化

靜態提升

補丁標誌

樹扁平化

Vapor 模式

Vapor 模式

Vapor 編譯器

Vapor SSR

附錄

15分鐘編寫 Vue.js

chibivue，不是很小嗎...？

實現

除錯原始 Vue.js 原始碼

頁面導航

Kawaiko Warning

Work in Progress

This page is under construction. Content may change.

插槽

TBD

在 GitHub 上編輯此頁面

Pager

下一頁入門指南

基於 MIT 許可證發布。

Copyright © 2023-present ubugeeei