VueJS学习——条件渲染和列表渲染( 四 )

2019-08-25

}

我们使用v-for来显示输入的水果，如下面的代码片段所示。V-for迭代数组中存在的值。

{{a}}

要使用for循环迭代数组，我们必须使用v-for = "a in items"，其中a保存数组中的值并显示直到所有项都完成。我们看下浏览器输出：

尝试输入一些水果名称：

Dom代码对比

如果我们希望显示数组的索引，则使用以下代码完成：

主要代码如下

{{index}}--{{a}}

浏览器效果如下

推荐阅读

上一篇：面对鱼目混珠的市场，诺必行经得起严酷检验

下一篇：iQOO首款5G手机上市引来央视报导，低价才是5G普及的一大前提