vue.js - Upsetjs 组件速度慢，示例数据很少

Question

我正在尝试使用不满意的 vuejs 组件，但遇到了麻烦。我以与文档中相同的方式使用它：

<upset-js
  :sets="sets"
  :width="width"
  :height="height"
></upset-js>

并定义一些像这样的假数据

data: function () {
  return {
    elements: [
      { name: 'A', sets: ['S1', 'S2', 'S3', 'S4', 'S5', 'S6', 'S7', 'S8', 'S9', 'S10', 'S11', 'S12'] },
      { name: 'B', sets: ['S1', 'S7', 'S6'] },
      { name: 'C', sets: ['S2', 'S7'] },
      { name: 'D', sets: ['S1', 'S3', 'S7'] },
      { name: 'E', sets: ['S1', 'S3', 'S2'] }
    ],
    width: 1500,
    height: 1000
  }
}

它们提供了一个允许从数据中获取集合的功能

computed: {
  sets () {
    return extractSets(this.elements)
  }
}

但这真的很慢！我使用这个数据测试是因为我要处理的数据要大得多，我做错了吗？

标签： vue.js