Vue中的v-for


在真實開發中,我們往往會從服務器拿到一組數據,並且需要對其進行渲染。
這個時候我們可以使用v-for來完成;
v-for類似於JavaScript的for循環,可以用於遍歷一組數據;

v-for的基本格式是 "item in 數組":

數組通常是來自data或者prop,也可以是其他方式;
item是我們給每項元素起的一個別名,這個別名可以自定來定義;
我們知道,在遍歷一個數組的時候會經常需要拿到數組的索引:
如果我們需要索引,可以使用格式: "(item, index) in 數組";
注意上面的順序:數組元素項item是在前面的,索引項index是在后面的;

v-for 也支持對象以及數字類型的遍歷

v-for也支持遍歷對象,並且支持有一二三個參數:

一個參數: "value in object";
二個參數: "(value, key) in object";
三個參數: "(value, key, index) in object";

v-for同時也支持數字的遍歷:

每一個item都是一個數字;


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM