Vue3学习笔记(5.0)

Vue.js循环语句

v-for指令需要以site in sites形式的特殊语法,sites是源数据数组并且site是数组元素迭代的别名。

v-for可以绑定数据到数组来渲染一个列表:





    
    
    
    Document
    


    
  1. {{test.city}}

Vue3学习笔记(5.0)_第1张图片

 v-for还支持一个可选的第二个参数,参数值为当前项的索引:
 





    
    
    
    Document
    


    
  1. {{index}}-{{test.city}}

Vue3学习笔记(5.0)_第2张图片

 模板