Vue3列表渲染的用法

v-for

        我们可以使用 v-for 指令基于一个数组来渲染一个列表。v-for 指令的值需要使用 item in items 形式的特殊语法，其中 items 是源数据的数组，而 item 是迭代项的别名：

        

变量

数组循坏 

当在小程序中运行时需要给索引添加 v-bind:key 提供一个唯一标识否则微信小程序会报错但是不影响运行（图1）添加之后（图2）再次运行微信小程序不会报错（图3） 

 

                        图1                                                 图2                                               图3

v-for与v-if 

同时使用 v-for 与  v-if 是不推荐的，当他两处于同一节点时 v-if 的级别要比 v-for 的优先级要高。