vue实现分类列表排序

很高兴回答你的问题。关于Vue实现分类列表排序，一种常见的方法是使用computed属性来实现。具体步骤如下：

1. 为每个分类添加一个用于排序的属性，例如：sortKey。

2. 通过v-for指令循环遍历分类列表，并在每个分类上绑定一个computed属性，用于根据sortKey对分类进行排序。

3. 定义一个排序方法，如下所示：

sortList: function (list, key) {
  return list.sort(function (a, b) {
    var valueA = a[key];
    var valueB = b[key];
    if (valueA > valueB) {
      return 1;
    }
    if (valueA < valueB) {
      return -1;
    }
    return 0;
  });
}

4. 在computed属性中调用sortList方法，并将分类列表和sortKey传递给它。例如：

computed: {
  sortedList: function () {
    return this.sortList(this.categories, 'sortKey');
  }
}

5. 在页面中使用sortedList代替原始的分类列表。例如：

<ul>
  <li v-for="category in sortedList">{{ category.name }}</li>
</ul>

通过以上步骤，我们就可以实现基于sortKey对分类列表进行排序。希望能对你有所帮助。