V-for

每日任務題目：

v-for

指令請複製 （右下角 fork） 這個範例，並執行以下要求：

Vue data 已經有 array 這筆陣列資料，試者使用 v-for 搭配 {{}} 指令，將 array 中的值，一個一個的呈現在畫面上

小提示： 使用 v-for 需搭配 :key，詳細可參考官方文件的說明

我的答案：

我看了教學影片正在理解的部分

v-for

JavaScript Data

characters:{speed, fast, killer}

and

ninjas:[
{name: ”A”,age: ”20”},
{name: ”B”,age: ”28”}]

HTML code

character in characters

v-for=”x in characters”
{{ characters }}

speed, fast, killer

character can be anything like →

x in characters

y in characters

z in characters

HTML code

ninja in ninhas
ninja is an Object ?

v-for=”ninjia in ninjas”

{{ ninjia.name}} — {{ ninjia.age}}

A — 20

B — 28

v-for=”(ninjia, index) in ninjas”

{{ ninjia.name}} — {{ ninjia.age}}

0. A — 20

1. B — 28