vue.js - 下面这句话谁能给我个栗子解释下吗，看api没看明白

问题描述

问 题

v-for 默认行为试着不改变整体，而是替换元素。迫使其重新排序的元素,您需要提供一个 key 的特殊属性:

解决方案

不带key的情况下：

<div1 >data1</div1>
<div2 >data2</div2>
<div3 >data3</div3>
//删掉data2
<div1>data1</div1>
<div2>data3</div2>

带key的情况下：

<div1 key=1>data1</div1>
<div2 key=2>data2</div2>
<div3 key=3>data3</div3>
//删掉data2
<div1 key=1>data1</div1>
<div3 key=3>data3</div3>

大抵如此。

这篇关于vue.js - 下面这句话谁能给我个栗子解释下吗，看api没看明白的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！