Javascript循环对象排序出错

问题遇到的现象和发生背景

循环对象时,key为10排到了第一位,同时用keys转一遍对象拿键值效果还是一样的

问题相关代码，请勿粘贴截图

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

下面案例未遇到报错，清除缓存并刷新下

<template>
  <div class="app-container">
    <div v-for='(item, index) in Object.keys(obj)' :key='index'>
      {{item}}
    </div>
  </div>
</template>

<script>
export default {
  name: "test",
  components: {},
  data() {
    return {
      obj: {
        '01': '1111',
        '02': '222',
        '03': '33333'
      }
    };
  },
  created() {},
  methods: {},
};
</script>

大佬们我想要问的是,为什么出现循环的时候排序混乱了,而不是页面上的报错!!!注意一下!!! 目前是可以解决但是解决方式会修改数据,存在问题！！！有大佬解答一下,并告诉我如何解决吗？

https://blog.csdn.net/weixin_43814775/article/details/121970351

async refreshIndex(ctx, clientId) {
return getHomeList(clientId).then((res) => {
const tabs: string[] = [];
const list: any[] = [];
// 相关代码
Object.entries(res.data).forEach(([key, value]) => {
tabs.push(key);
list.push(value);
});
ctx.commit("updateTabs", tabs);
ctx.commit("updateHomeData", list);
});
},