0
点赞
收藏
分享

微信扫一扫

v-for

勇敢的趙迦禾 2022-03-11 阅读 66
vue.js

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASlNPTlDvvIQ=,size_20,color_FFFFFF,t_70,g_se,x_16咱们先来看下data里面的数据

 

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASlNPTlDvvIQ=,size_20,color_FFFFFF,t_70,g_se,x_16

看一下循环代码

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASlNPTlDvvIQ=,size_20,color_FFFFFF,t_70,g_se,x_16

为了性能的优化，使得这段代码下面不再出现波浪线，我们需要绑定一个key

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASlNPTlDvvIQ=,size_20,color_FFFFFF,t_70,g_se,x_16

 

我们再来看第二种写法，遍历数组对象，这种比较复杂的结构，这里我们省略了index

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASlNPTlDvvIQ=,size_20,color_FFFFFF,t_70,g_se,x_16

 

 

 

 

 

举报

相关推荐

v-for 指令详解

vue前端

10. v-for

vue.js

v-if vs v-show vs v-for

随笔

uniapp 列表渲染 v-for

vue.jssass前端uni-app

uniApp v-for 遍历渲染

javascriptc++git虚拟化云计算

v-for中的key

javascript前端vue.js

vue 中同时使用v-for和v-if （含template上使用v-for的方法）

解决方案Linux系统/运维

v-for中的key值

vue.js前端javascript

react中v-for列表循环

react.jsjavascript前端ecmascript

v-if与v-for的优先级

前端
0 条评论