vue.js的v-for指令

v-for 能干嘛？

1.迭代普通数组
2.迭代对象数组
3.迭代对象
4.迭代数字

使用 v-for 时必须添加唯一的 :key

》》key 使用说明代码《《

• 说明： ⬇⬇========================================⬇⬇
• 遍历数组或元素中的唯一标识，增加或删减元素时，通过这个唯一标识key判断是否是之前的元素，并且该元素key的值是多少。这个唯一标识是保持不变的
• 列表数据修改的时候,他会根据key值去判断某个值是否修改,如果修改,则重新渲染这一项,否则复用之前的元素
• 注意事项： ⬇⬇=====================================⬇⬇
• 在使用v-for的时候，vue里面需要我们给元素添加一个key属性，这个key属性必须是唯一的标识
• 给key赋值的内容不能是可变的
• key的主要作用就是用来提高渲染性能的！

1. 迭代普通数组

/*------------------html---------------------------*/

  <p v-for="(item,i) in dataList">每一项：{
   {
   item}} 索引值：{
   {
   i}}</p>

/*-------------------js--------------------------*/

data:{
   
	dataList:[1,2,3,4,5,6]
}

结果展示：

2. 迭代对象数组

/*------------------html---------------------------*/

    <p v-for=