Vue.js 数据排序：使用 sort 和 createTime 字段

如何使用 Vue.js 通过 'sort' 字段排序上面的内容，然后将排序后的结果再根据 'createTime' 字段二次排序，并输出结果内容：可以使用 Vue 的 computed 属性来对数据进行排序，具体实现如下：

首先将数据存储在 data 中：

data() {
  return {
    items: [
      {id: 2, typeId: 1, name: '工程类', level: 0, parentId: 0, sort: 1, createTime: 1680831831000},
      {id: 5, typeId: 1, name: 'fuw', level: 0, parentId: 0, sort: 1, createTime: 1680832228000},
      {id: 6, typeId: 1, name: '2222', level: 0, parentId: 0, sort: 1, createTime: 1680832271000},
      {id: 7, typeId: null, name: '9999', level: 0, parentId: 0, sort: 1, createTime: 1680832287000},
      {id: 9, typeId: null, name: 'test', level: 0, parentId: 0, sort: 5, createTime: 1680833677000},
      {id: 10, typeId: null, name: '嘿哈', level: 0, parentId: 0, sort: 5, createTime: 1680834009000}
    ]
  }
}

使用 computed 属性来对数据进行排序：

computed: {
  sortedItems() {
    return this.items.sort((a, b) => {
      if (a.sort === b.sort) {
        return a.createTime - b.createTime
      } else {
        return a.sort - b.sort
      }
    })
  }
}

在模板中输出排序后的结果：

<div v-for="item in sortedItems" :key="item.id">
  {{ item.name }}
</div>

这样就可以实现根据 'sort' 字段和 'createTime' 字段对数据进行排序，并显示排序后的结果。