Skip to content

The chibivue Book

Main Navigation主页开始学习

简体中文

简体中文

Appearance

Sidebar Navigation

入门

开篇

Vue.js 是什么?

Vue.js 的核心组成部分

如何继续阅读本书并搭建环境

最简实现示例

首次渲染和 createApp API

包的设计

实现 HTML 元素的渲染

实现事件处理和属性绑定

响应式系统的预备知识

实现简易响应式系统

实现简易虚拟 DOM

组件化开发

Props 的实现

Emit 的实现

理解模板编译器

实现模板编译器

更复杂的 HTML 解析

数据绑定

SFC 开发（预备知识）

SFC 的解析

SFC 的 template 块

SFC 的 script 块

SFC 的 style 块

稍作休息

基础虚拟 DOM

key 属性和补丁渲染（Path Rendering）

VNode 类型的位表示

Scheduler 调度程序

🚧 不支持的 Props 更新

基础响应式系统

🚧 响应式系统的优化

ref API

computed / watch API

各个响应式代理处理程序

Effect 副作用清理和 Effect Scope

其他的响应式 API

基础组件系统

生命周期钩子函数

实现 Provide/Inject

组件代理和组件上下文

插槽

选项式 API 支持

基础模板编译器

Transformer 的实现和 Codegen 重构

实现指令的解析 (v-bind)

template 内部的表达式处理

v-on 对应的处理方法

compiler-dom 处理事件修饰符

Fragment 片段节点

处理注释节点

v-if 和结构指令

v-for 对应的处理

解析组件

🚧 插槽的处理

🚧 其他内置指令

🚧 细节调整

🚧 自定义指令

🚧 基础 SFC 编译器

🚧 script setup 的处理

🚧 defineProps 的处理

🚧 defineEmits 的处理

🚧 Scoped CSS 的处理

🚧 一个 Web 应用的其他必要内容

🚧 插件

🚧 路由

🚧 预处理器

🚧 SSR 服务端渲染

🚧 createSSRApp API

🚧 hydration 水合

🚧 内置组件

🚧 KeepAlive

🚧 Suspense

🚧 Transition

🚧 优化方式

🚧 静态提升

🚧 补丁标志

🚧 树结构扁平化处理

附录

15 内创建一个 Vue

chibivue 很大吗 ?

实现

调试源代码

On this page

Table of Contents for current page

细节工作

TODO:

移除无用的空白
代码风格

修改此页面

Previous page🚧 其他内置指令

Next page🚧 自定义指令

Released under the MIT License. Source is chibivue-land/chibivue

细节工作 ​

细节工作