v-for — 只是循环没那么简单

[TOC] >[success] # v-for -- 循环 ~~~ 1.像标题说的一样只是一个循环没那么简单一样，涉及到数组更新，以及新版本提 供的v-bind:key 讲解 ~~~ >[info] ## 语法 ~~~ 1.支持循环数组|对象|数字|字符串，Array | Object | number | string 2.语法上:v-for 指令需要使用 item in items 形式的特殊语法，items 是源数据数组并 且 item 是数组元素迭代的别名。 3.针对,上述四种的使用例子: ~~~ >[danger] ##### 循环对象 ~~~ 1.循环对象对时候,可以循环出key,value,和脚标 2.但这里不推荐使用对象循环出来的脚标 ~~~  ~~~ ~~~ >[danger] ##### 循环数字 ~~~ 1.循环数字是从1开始 ~~~  ~~~ ~~~ >[danger] ##### 你也可以使用 of 来 替代 in ~~~ 1.应用官方的话来说 of '它更接近 JavaScript 迭代器的语法' ~~~ ~~~ ~~~ >[info] ## 在2.6 更新中 v-for 还支持了可迭代协议定义 [关于可迭代协议MDN讲解](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Iteration_protocols#%E5%8F%AF%E8%BF%AD%E4%BB%A3%E5%8D%8F%E8%AE%AE) [笔记中对协议用法](https://www.kancloud.cn/cyyspring/more/1316856) ~~~ 1.可以理解为 ,包括原生的 'Map' 和 'Set'。不过应该注意的是 Vue 2.x 目前并不支持可响应的 Map 和 Set 值，所以无 法自动探测变更。 ~~~ >[danger] ##### 在2.6 之前循环可迭代协议对象 * 页面效果：  ~~~ ~~~ >[danger] ##### 2.6 之后的版本 * 页面打印结果  ~~~ ~~~