C# & VueJS -基于枚举值而不是顺序拆分列表

enum Category
{
    Electronics,
    Clothing,
    Books,
    // 其他分类...
}

List<Item> items = GetItems(); // 获取商品列表

List<Item> electronics = new List<Item>();
List<Item> clothing = new List<Item>();
List<Item> books = new List<Item>();
// 其他分类的列表...

foreach (Item item in items)
{
    switch (item.Category)
    {
        case Category.Electronics:
            electronics.Add(item);
            break;
        case Category.Clothing:
            clothing.Add(item);
            break;
        case Category.Books:
            books.Add(item);
            break;
        // 其他分类的处理...
    }
}

const Category = {
    Electronics: 'electronics',
    Clothing: 'clothing',
    Books: 'books',
    // 其他分类...
};

export default {
    data() {
        return {
            items: getItems(), // 获取商品列表
        };
    },
    computed: {
        electronics() {
            return this.items.filter(item => item.category === Category.Electronics);
        },
        clothing() {
            return this.items.filter(item => item.category === Category.Clothing);
        },
        books() {
            return this.items.filter(item => item.category === Category.Books);
        },
        // 其他分类的计算属性...
    },
};