【Vue】數字迴圈、template、V-if

數字迴圈

• 可以輸出數字

<ul>
   <li v-for="item in 10">{{item}}</li>
</ul>

1
2
3
4
5
6
7
8
9
10

template

• template不會被輸出

 <template v-for="(item, key) in member">
            <tr>
                <td>{{ item.name }}</td>
            </tr>
            <tr>
                <td>{{ item.age }}</td>
            </tr>
 </template>

v-if

• 如果v-if等於，就輸出

 <div v-for="(item, key) in member" v-if="item.age==23">
            <li>{{item.name}}</li>
 </div>

​