From 5a80ae605b59caaa17682cb0453045b966559146 Mon Sep 17 00:00:00 2001 From: Naoki Endoh Date: Sat, 8 May 2021 18:43:13 +0900 Subject: [PATCH] docs: switch the Virtual DOM CodePen to the Vue account https://github.com/vuejs/docs-next/commit/4f326b9c2d955b1c5c916c56a365e0fd7894b885#diff-af6f049eff49e01d39ccdfbd15944babab94c1915c6c96df6a910f994d774495 --- src/guide/optimizations.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/guide/optimizations.md b/src/guide/optimizations.md index ecfa8674..f63dddf3 100644 --- a/src/guide/optimizations.md +++ b/src/guide/optimizations.md @@ -7,7 +7,7 @@ ウォッチャがコンポーネントを更新する方法がわかったので、その変更が最終的に DOM にどのように反映されるのか気になるかもしれません。 もしかすると以前に仮想 DOM について聞いたことがあるかもしれませんが、Vue を含む多くのフレームワークはこのパラダイムを使用して、JavaScript で更新している変更を効果的にインターフェイスに反映させるようにしています。
- +
仮想 DOM と呼ばれる DOM のコピーを JavaScript で作成しています。これは、JavaScript で DOM を操作すると計算コストがかかるためです。JavaScript で更新を行うコストはあまりかかりませんが、必要な DOM ノードを見つけて更新するのはコストがかかります。そこで呼び出しをバッチ処理し、DOM を一度に変更します。