File tree Expand file tree Collapse file tree 1 file changed +8
-2
lines changed Expand file tree Collapse file tree 1 file changed +8
-2
lines changed Original file line number Diff line number Diff line change @@ -153,10 +153,16 @@ Vue はカスタムディレクティブの作成もサポートしています
153
153
154
154
JavaScript は、` var ` 、` import ` 、関数宣言など、いくつかの構成要素でホイスティングを使用します。
155
155
156
- Vue の文脈的には、テンプレートコンパイラーがパフォーマンスを向上させるために静的ホイスティングを適用します。テンプレートをレンダー関数に変換する際、静的コンテンツに対応する VNode を一度作成し、その後再利用できます。このような静的な VNode は、レンダー関数が実行される前に、レンダー関数の外で作成されるため、巻き上げられていると表現されます。テンプレートコンパイラーが生成する静的なオブジェクトや配列にも、同じような形でホイスティングが適用されます。
156
+ Vue のコンテキストでは、コンパイラーはパフォーマンスを向上させるために「ホスティング」を適用します。コンポーネントをコンパイルすると、静的な値はコンポーネントのスコープ外に移動されます。これらの静的な値は、コンポーネントの外部で作成されるため、「hoisted(巻き上げ)」と呼ばれます。
157
+
158
+ ## 静的な部分のキャッシュ {#cache-static}
159
+
160
+ 「キャッシュ」という用語は、パフォーマンスを向上させるために頻繁にアクセスされるデータを一時的に保存することを表すために使用されます。
161
+
162
+ Vue テンプレートコンパイラーは、これらの静的 VNode を識別し、最初のレンダリング中にキャッシュし、その後の再レンダリングごとに同じ VNode を再利用します。
157
163
158
164
詳しくはこちらをご覧ください:
159
- - [ ガイド - レンダリングの仕組み - 静的ホイスティング ] ( /guide/extras/rendering-mechanism.html#static-hoisting )
165
+ - [ ガイド - レンダリングの仕組み - 静的な部分のキャッシュ ] ( /guide/extras/rendering-mechanism.html#cache-static )
160
166
161
167
## DOM 内テンプレート(in-DOM template) {#in-dom-template}
162
168
You can’t perform that action at this time.
0 commit comments