Skip to content

Commit 9fc117a

Browse files
authored
docs(glossary): update "hoisting" and "cache static" (#2546)
1 parent 3a8de10 commit 9fc117a

File tree

1 file changed

+8
-2
lines changed

1 file changed

+8
-2
lines changed

src/glossary/index.md

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -153,10 +153,16 @@ Vue はカスタムディレクティブの作成もサポートしています
153153

154154
JavaScript は、`var``import`、関数宣言など、いくつかの構成要素でホイスティングを使用します。
155155

156-
Vue の文脈的には、テンプレートコンパイラーがパフォーマンスを向上させるために静的ホイスティングを適用します。テンプレートをレンダー関数に変換する際、静的コンテンツに対応する VNode を一度作成し、その後再利用できます。このような静的な VNode は、レンダー関数が実行される前に、レンダー関数の外で作成されるため、巻き上げられていると表現されます。テンプレートコンパイラーが生成する静的なオブジェクトや配列にも、同じような形でホイスティングが適用されます。
156+
Vue のコンテキストでは、コンパイラーはパフォーマンスを向上させるために「ホスティング」を適用します。コンポーネントをコンパイルすると、静的な値はコンポーネントのスコープ外に移動されます。これらの静的な値は、コンポーネントの外部で作成されるため、「hoisted(巻き上げ)」と呼ばれます。
157+
158+
## 静的な部分のキャッシュ {#cache-static}
159+
160+
「キャッシュ」という用語は、パフォーマンスを向上させるために頻繁にアクセスされるデータを一時的に保存することを表すために使用されます。
161+
162+
Vue テンプレートコンパイラーは、これらの静的 VNode を識別し、最初のレンダリング中にキャッシュし、その後の再レンダリングごとに同じ VNode を再利用します。
157163

158164
詳しくはこちらをご覧ください:
159-
- [ガイド - レンダリングの仕組み - 静的ホイスティング](/guide/extras/rendering-mechanism.html#static-hoisting)
165+
- [ガイド - レンダリングの仕組み - 静的な部分のキャッシュ](/guide/extras/rendering-mechanism.html#cache-static)
160166

161167
## DOM 内テンプレート(in-DOM template) {#in-dom-template}
162168

0 commit comments

Comments
 (0)