1.key仮想DOM異なるラベル構造、ループのために追加します
1 <BODY> 2 <DIV ID = "アプリケーション"> 3 <DIV V- なら = "フラグ"> 4 <スパン> AAAA </スパン> 5 の<input type = "text"のキー= "1"> 6 </ DIV> 7 <DIV V- 他 > 8 <スパン> BBB </スパン> 9 の<input type = "text"のキー= "2"> 10 </ div> 11 12 </ div> 13 <スクリプトSRC =」。 /node_modules/vue/dist/vue.js "> </ SCRIPT> 14 の<script> 15 / * 16 レンダリング時に同じですが、唯一の内容は同じスパンではない仮想DOMの発見スパンと入力構造を変更①flag、 17 スパンのように再レンダリングを、入力は、入力のレンダリングされません再描画だけでキーを追加する必要がしたいです 18 固有のIDと、キーインデックスを追加するために追加しない②一般的な循環が舞台裏キーとしてフロントデスクを渡す 19 原因:データが逆になった場合は、0 --->今0 ----> B、コンテンツが変更になります、再レンダリング要素であろう 20 の性能向上、ただし、id要素は、場所を変更した場合にのみ、再レンダリングDOMを必要としない、 21はある * / 22であり、 LET VMは= 新しい新しいヴュー({ 23は データ:{ 24 フラグに:trueに 25 }、 26であります 方法:{ 27 28 } 29 })$マウント( "#アプリケーション" ); 30 31 </スクリプト> 32 </ BODY>