谁给我讲讲 v-for="(i,index) in 2"，有点懵

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1916 天前的主题，其中的信息可能已经有所发展或是发生改变。

运行起来

i=1,index=0
-----------
i=2,index=1

9 条回复 • 2019-08-28 16:16:43 +08:00

pipixia

2019-08-28 15:39:02 +08:00 via Android

懵在哪？

TomVista

2019-08-28 15:40:49 +08:00

@pipixia 数值 2 可以遍历吗？可以的话，也应该是一次循环吧···我从来没见过这么写的··，他竟然可以运行，我现在就是这么个想法：dog

hoyixi

2019-08-28 15:41:13 +08:00

v-for="(i,index) in ['a','b','c']"

yangshan010

2019-08-28 15:42:49 +08:00

v-for
预期：Array | Object | number | string | Iterable (2.6 新增)

vue 官网。

TomVista

2019-08-28 15:45:09 +08:00

@yangshan010 收到，感谢人形 apidoc

pipixia

2019-08-28 15:45:48 +08:00 via Android

@TomVista 官网有遍历整数的例子

marcong95

2019-08-28 15:47:27 +08:00

v-for 遍历 number 的话是从 1 开始的

Biwood

2019-08-28 15:49:18 +08:00

https://vuejs.org/v2/guide/list.html#v-for-with-a-Range

我也是才看到这种写法，应该是从 python 之类的语言得到的灵感，语法糖嘛

madao

2019-08-28 16:16:43 +08:00

这个实现在这里： https://github.com/vuejs/vue/blob/6fe07ebf5ab3fea1860c59fe7cdd2ec1b760f9b0/src/core/instance/render-helpers/render-list.js

具体实现内容如下：

```
if (typeof val === 'number') {
ret = new Array(val)
for (i = 0; i < val; i++) {
ret[i] = render(i + 1, i)
}
}
```