Question

vue.js中 v-for循环问题

list:{"3":{name:'杨毅',age:'25'},"5":{name:'杨毅1',age:'28'},"4":{name:'杨毅3',age:'23'},"6":{name:'杨毅3',age:'20'},"2":{name:'杨毅3',age:'21'},"1":{name:'杨毅3',age:'29'}
}用v-for循环，出来为什么是按照123456的顺序，不是按照354621的顺序？

Answer 1

for肯定是会遍历到头的，也就是从头遍历到尾，你可以控制遍历完之后渲染的开始和结束位置，比如{{item}}
Kite

Answer 2

这个 list 是一个对象，不是一个数组；对象的话执行的是 for (var i in list) {} 方法，该方法会对 key值进行排序，所以得到的就是123456，如果将 list 数据改成数组就没有问题的

Answer 3

vue3.x企业网站实战二，导航组件如何做？v-for指令如何循环导航数据？