VUE,indexkeyvfor

列表渲染语法  v-forv-for

循环对象

<article v-for="(item, key, index) of info">{{item}}

{{key}}

{{index}}

</article>

修改： info.name = “”

 增加  需要从新引用

当不需要循环变更数据的时候可以用index作为key值

一般不建议用index作为key值。频繁操作dom元素的时候，还是非常耗费性能的，vue没办法充分复用dom节点

循环项目上加key值  提高性能

性能最优 key值要唯一 且不用index

循环中。不能使用array[下标] = “数据” 要使用vue提供操作数组的编译方法操作。才能实现响应式效果 数据变化  页面变化

push pop shift(删除第一项) unshift（数组第一项加东西） splice（数组截取） sort（数组排序） reverse（数组取反）

第二种方法 ：改变数组引用  list = [新数组]

原文链接：https://www.cnblogs.com/-constructor/p/12145747.html
本文来源 爱码网，其版权均为 原网址 所有 与本站无关，文章内容系作者个人观点，不代表 本站 对观点赞同或支持。如需转载，请注明文章来源。