vue v-for循環的用法

一、v-for循環普通數組

    ①建立vue對象

    ② 循環數據

    結果：

二、v-for循環對象數組

    ① 建立vue實例對象

   ② 循環對象數組

    結果：

三、v-for循環對象

    ①建立vue對象實例

    ②循環對象

    結果：

四、v-for循環數字

    ①建立vue對象實例

     ②循環數字

    結果：

五、v-for中key的使用方式

    ①建立vue對象實例

    注意：push()方法通常是添加到數組的最後的位置；unshift()方法是往最前面的位置添加。

    ②循環

    注意：

• v-for循環的時候，key屬性只能使用number或String。
• key在使用的時候，必須使用v-bind屬性綁定的形式，指定key的值。
• 在組件中使用v-for循環的時候，或者在一些特殊狀況中，若是v-for有問題，必須在使用v-for的同時，指定惟一的 字符串/數字 類型 :key值。

    結果：