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 はカスタムディレクティブの作成もサポートしています
153153
154154JavaScript は、` 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
You can’t perform that action at this time.
0 commit comments