[Day 12] 列表渲染v-for

今天我们会简单讲解一下v-for的功能，废话不多说，直接开始吧!!

v-for

当HTML有一些重复的元素、列表等等，可以使用v-for把阵列或物件资料给render出来。
v-for指令须以 item in items的形式来使用，其中items是可以自己命名的数据列表，item则是抓取items的元素，把抓出来元素命名叫item，同样可以自己取不一样的名字。先来个基础的例子吧~~~

这样跑出来的结果就是 ‘大便’、 ‘睡午觉’、 ‘熬夜’列表式的排列出来。
如果连前面的moring也想列出来的话怎麽办呢?
只需要在todo後面加一个property名称(也就是key值)像这样

跑出来的结果长这样:D

也可以加上index(｡･∀･)ﾉﾞ

跑出来的结果长这样(づ￣ 3￣)づ

结语

v-for这个程序码虽然看似非常简易，但却有着相当多的用处欧~~就等着各位去挖掘吧!今天的结语真简洁有力(◔◡◔)