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