v-for

发布时间 2023-10-07 21:54:35作者: 嘎嘎鸭2

1. 作用:基于数据循环,多次渲染整个元素(可以遍历 数组、对象、数字 ......)

2. 遍历数组语法:v-for = "(item, index) in 数组名" (item:遍历时的每一项;index:遍历时的下标)

                             如果不需要下标,则可以简写:v-for = "item in 数组名" 

 

                             eg:data里定义变量 list: ['西瓜', '苹果', '草莓']

                             <div v-for = "(item, index) in list">

                                   {{ item }} //依次展示西瓜 苹果 草莓

                            </div>