Vue中的指令之v-for和key属性

1.迭代数组

<ul>
	<li v-for="(item,i) in list ">索引：{
   
   {i}}---姓名:{
   
   {item.name}}--年龄:{
   
   {item.age}}</li>
</ul>

2.迭代对象中的属性

<div v-for="val,key,i" in userInfo>{
   
   {val}}--{
   
   {key}}--{
   
   {i}}</div>

3.迭代数字

<p v-for="i in 10">这是第{
   
   {i}}个标签</p>

注意：2.2.0的版本里，当在组件中使用v-for时，key属性是必须的。
当vue.js用v-for正在更新已渲染过得元素列表时，他默认是“就地复用”策略。如果数据项的顺序被改变，vue将不是移动DOM元素来匹配数据项的顺序，而是简单的复用此处每个元素，并且确保它在特定索引下显示已被渲染过得每个元素。
为了给vue一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项提供一个唯一的key属性。