vuejs

List Rendering 23
4.2 v-for
In order to loop through each item in an array, we will use v-for Vue’s directive.
The v-for loop works on arrays/objects and is used to loop through each item in an array. This
directive requires a special syntax in the form of item in array where array is the source data
Array and item is an alias for the Array element being iterated on.
Warning
If you are coming from the php world you may notice that v-for is similar to php’s foreach
function. But be careful if you are used to foreach($array as $value).
Vue’s v-for is exactly the opposite, value in array.
The singular first, the plural next.
4.2.1 Range v-for
Directive v-for can also take an integer. Whenever a number is passed instead of an array/object,
the template will be repeated as many times as the number given.
1
2
3
5 Hello Vue
6
7
8
9 The multiplication table of 4.
10
11
12 {{ i }} times 4 equals {{ i * 4 }}.
13
14
15
16
17
18
19 new Vue({
20 el: '.container'
21 })