Vue可拖动-多个列表

Question

我想创建一个类似trello的东西，其中有多列，我可以在不同列表中拖放项目。我希望能够动态创建列，因为每个用户将拥有不同数量的列表。对于vue可拖动的，我该如何为每个列表动态创建计算值？

我的数据采用这种格式（它是列表的单个数组）：

lists: 
[
  {
    "id":1,
    "label":"List1"
    "items":[
      { "id": 1, "description: "item1" },
      { "id": 2, "description: "item2" },
    ]
  },
  {
    "id":2,
    "label":"List2",
    "items":[
      { "id": 3, "description: "item3" },
    ]
  },
  { ... },
  { ... }
]

但是我需要每个列表的计算值，以便可以拖放：

computed: {
  list1: {
    get() {
      return this.list1.items
    },
    set(value) {
      this.list1.items
    }
  },
  list2: {
    get() {
      return this.list2.items
    },
    set(value) {
      this.list2.items
    }
  }
}

在这种情况下还有另一种方法吗？