Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 8 additions & 2 deletions src/glossary/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -153,10 +153,16 @@ Vue 也支持创建自定义指令,尽管它们通常只用作操作 DOM 节

JavaScript 对某些结构使用了变量提升,例如 `var`、`import` 和函数声明。

在 Vue 上下文中,模板编译器应用了*静态变量提升*来提高性能。在将模板转换为渲染函数时,对应于静态内容的 VNode 可以只创建一次然后被重复使用。这些静态 VNode 是被提升的,因为它们是在渲染函数运行之前,在其外面创建的。模板编译器生成的静态对象或数组也会应用类似的变量提升。
在 Vue 上下文中,模板编译器应用了*变量提升*来提高性能。在将模板转换为渲染函数时,一些静态内容会被提升到组件作用域之外。这些静态内容被描述为“被提升的”,因为它们是在组件创建之前,在其外面创建的。

## 缓存静态内容 (cache-static) {#cache-static}

*缓存*用于描述对经常访问的数据进行临时存储,以提高性能。

Vue 的模板编译器会识别静态 VNodes,在首次渲染时会将其缓存起来,并在后续的重新渲染中使用缓存的 VNodes。

详见:
- [指南 - 渲染机制 - 静态提升](/guide/extras/rendering-mechanism.html#static-hoisting)
- [指南 - 渲染机制 - 缓存静态内容](/guide/extras/rendering-mechanism.html#cache-static)

## DOM 内模板 (in-DOM template) {#in-dom-template}

Expand Down