VUE,index key v-for

列表渲染语法  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 = [新数组]