開發一個Web系統,如果沒有涉及到列表功能的話,那真的有點奇葩了,而迴圈輸出列表內容,不用for迴圈語句的話,那我真不知道該用什麼了。在Vue3.0中,v-for指令基於一個數組來渲染輸出一個列表內容。
5.1 v-for輸出項Vue的v-for指令使用 item in items 形式的特殊語法,同其他程式語言(如Python)並沒有多大區別。其中items是源資料陣列,而 item則是被迭代的陣列元素的別名。
5.2 索引和值資料列表在表格輸出時,常常需要用到序號。v-for指令支援輸出下標,將下標+1,即可獲得序號。為了更接近 JavaScript 迭代器的語法,Vue3.0支援用of替代in作為分隔。
5.3 v-for和v-if由於當v-if和v-for處於同一節點時,v-if的優先順序比v-for更高,這意味著v-if將沒有許可權訪問v-for裡的變數,就是說不可以將v-if和v-for放在同一個元素裡。
#前端##Vue.js##程式設計師##Web##JavaScript#