1.key 在虚拟dom中 标记不同的结构，for循环中需要添加上
1 <body> 2 <div id="app"> 3 <div v-if="flag"> 4 <span>aaaa</span> 5 <input type="text" key="1"> 6 </div> 7 <div v-else> 8 <span>bbb</span> 9 <input type="text" key="2"> 10 </div> 11 12 </div> 13 <script src="./node_modules/vue/dist/vue.js"></script> 14 <script> 15 /* 16 ①flag 改变虚拟dom 在渲染的时候 发现span 和input 结构都是一样的，只有span的内容不一样， 17 所以重新渲染了了span,input没有渲染，想让input重新渲染 只需要添加一个key就可以了 18 ② 一般循环添加key的时候不要添加索引，用后台传给前台唯一的id作为key 19 原因：假如现在数据逆序后，0--->A 现在变成0---->B，内容改变，元素就会重新渲染 20 但是，如果用id元素只是改变了位置，并不需要重新渲染dom，提高性能 21 */ 22 let vm = new Vue({ 23 data:{ 24 flag:true 25 }, 26 methods:{ 27 28 } 29 }).$mount("#app"); 30 31 </script> 32 </body>