Day14 Vue directives(v-for)上

用v-for把阵列转成元素

一开始我们先把items的资料容给见出来

接下来呢我们用v-for="item in items"去把items里的内容抓出来，把元素指定为item，再用{{item}}把内容渲染出来。

最後呈现出来的结果如下。

在上面我们除了用item以外我们还可以用index这元素去修改，呈现结果如下。

用v-for把物件转为元素

在上面我们除了把阵列转成元素以外我们也可以用物件来转成元素。
一开始和上面的差别就是把阵列换成物件而已。

那在这如果想知道物件的key职的话我们需要把上面的index改成key就大功告成了。

最後呈现结果。

v-for是不是很简单!

今天就先到这了，明天见~