一、v-for指令
uniapp中循环最常见的方式就是使用v-for指令，可以循环遍历数组或对象，根据遍历的结果生成相应的视图。
{{ index }} - {{ item }}
以上代码中，v-for指令绑定的是list数组，将其遍历并给每个元素分配一个index，然后将元素的值绑定到item变量上，最终将结果渲染到视图上。
二、key属性
v-for指令中，我们可以给循环的元素添加一个独特的key属性，它有助于Vue识别每个元素，提高渲染效率。
{{ item }}
key属性的值可以是任何独特的标识符，最好避免使用index作为key，因为在数组顺序变化时它可能不是一个稳定的标识符。
三、v-for嵌套
除了循环数组和对象外，还可以嵌套v-for指令实现多层循环，如下所示：
{{ item.title }}
{{ subItem }}
以上代码中，v-for指令嵌套了两层，外层遍历list数组，内层遍历具体的subList。
四、循环指定次数
除了遍历数组和对象外，你还可以使用v-for指令循环指定次数。
{{ item }}
以上代码中，v-for指令遍历5次，生成5个视图。
五、使用computed计算属性
为了避免在模板中写过于复杂的逻辑，可以使用computed计算属性来生成循环数据。
{{ item }}
以上代码中，computed计算属性list返回一个包含10个元素的数组，然后使用v-for指令将其循环遍历并渲染到视图中。
六、总结
循环是开发中常见的需求之一，uniapp提供了灵活的v-for指令，可以简化循环操作，提高开发效率。在实际开发中，应根据具体的业务需求选择合适的循环方式，确保代码的高效性和可维护性。
京公网安备 11010802030320号