You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/guide/optimizations.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -7,7 +7,7 @@
7
7
Now that we know how watchers are updating the components, you might ask how those changes eventually make it to the DOM! Perhaps you’ve heard of the Virtual DOM before, many frameworks including Vue use this paradigm to make sure our interfaces reflect the changes we’re updating in JavaScript effectively
8
8
9
9
<divclass="reactivecontent">
10
-
<common-codepen-snippettitle="How does the Virtual DOM work?"slug="RwwQapa"tab="result"theme="light":height="500":team="false"user="sdras"name="Sarah Drasner":editable="false":preview="false" />
10
+
<common-codepen-snippettitle="How does the Virtual DOM work?"slug="KKNJKbw"tab="result"theme="light":height="500":editable="false":preview="false" />
11
11
</div>
12
12
13
13
We make a copy of the DOM in JavaScript called the Virtual DOM, we do this because touching the DOM with JavaScript is computationally expensive. While performing updates in JavaScript is cheap, finding the required DOM nodes and updating them with JavaScript is expensive. So we batch calls, and change the DOM all at once.
0 commit comments