以下は、研究ノート、次のとおりです。
DOMの更新でVueのは、今、非同期であるこのの有用性を認めるためには至っていない、この。$ NextTick（）は非常に理解していない、私たちがダウンして書いてみましょう。
<！DOCTYPE HTML> <HTML LANG = " EN " > <HEAD> <メタ文字コード= " UTF-8 " > <META NAME = " ビューポート"コンテンツ= " 幅=装置幅、初期の規模= 1.0 " > <メタHTTP-当量= " X-UA-互換性のある"コンテンツ= " IE =エッジ" > <タイトル>ドキュメント</ TITLE> </ HEAD> <BODY> の<divのid = " アプリ" > <H1の@クリック= " UPDATECOUNT " ID = "タイトル" > //ここでDOMを参照の> {{COUNT}} </ H1 - H1ノード </ div> <SCRIPT SRC = " ./vue.js " > </ SCRIPT> <SCRIPT> // ヴューDOMは、非同期に更新されるconstの VMを= 新しい新しいヴュー（{ ：EL ' #app ' 、 データ：{ COUNT：1 }、 メソッド：{ // UPDATECOUNT（）{} 関数（）{：UPDATECOUNTを するために（VAR私は= 0 ;私は< 1000 ; Iは++ ）{ これを。カウント+ = DOMの更新が同期している場合は1 ////ので、ここでは、h1のノードが1000を更新します、これは明らかに、パフォーマンスの無駄である } はconsole.log（この.count）//結果は1001 にconsole.log（" 現在H1のコンテンツ：'のdocument.getElementById（' タイトル" 。）のinnerText）//結果1つの。 VAR = これを // このメソッドが更新DOMの内容取得するために使用され 、これをnextTick $（関数（）{。 コンソール。ログインする（' 更新：' 、that.count）// 1001 はconsole.log（' 更新された内容H1：'、のdocument.getElementById（"タイトル" ）.innerText）// 1001
結果は1であります
1}）}}}） </ SCRIPT> </ body> </ HTML>