vuex 状态突变阻止 UI

chr*_*pie 5 vuex vuejs2

我正在 webworker 中加载一个 csv 文件,然后将大约 600 个元素的块推送到循环中的状态:

mutations: {
 LOAD_ITEMS: (state, { items }) => {
  items.forEach(item => {
    Vue.set(state.items, item.id, item)
    state.lists.all.push(item.id)
    state.lists.active.push(item.id)
  })
 }
}
Run Code Online (Sandbox Code Playgroud)

时间线显示,向状态添加内容会阻塞 UI。那么我是否必须自己管理性能方面的状态突变?

还是 vuex/vue 状态不适用于大约 1000-7000 个对象的数据集?

轮廓