Question

我正在Vuex的一个变异中做到这一点：

console.time('ADD products')
state.products = products
console.timeEnd('ADD products')

“产品”是由350个对象组成的数组。 state.product在商店中的声明方式如下：

const state = {
  products: [],
...
}

console.time / timeEnd告诉我，这大约需要70毫秒。这不能像预期的那样快。

我曾尝试过打开和关闭严格模式，就像在类似文章中提到的那样，但完全没有效果。

信息： Vue：2.5.13 Vuex：3.0.1 在MacBook Pro上的最新版本的Chrome上进行调试

数组中的产品如下所示：

{
  id: 9633,
  title: 'Dark Grey Canvas Satchel',
  brand: 'Delton Bags',
  price: '£49',
  beforePrice: false,
  isNew: false,
  discount: 0,
  link: 'http://localhost:3000/dark-grey-canvas-satchel-p.html',
  images: [
    'https://res.cloudinary.com/image/upload/f_auto,c_pad,q_80,w_X-WIDTH,h_X-HEIGHT/media/catalog/product/9/0/9027A-2.jpg',
    'https://res.cloudinary.com/image/upload/f_auto,c_pad,q_80,w_X-WIDTH,h_X-HEIGHT/media/catalog/product/h/d/hd-trendhim-12-2016-12.jpg',
  ],
  basePrice: 449,
  localPrice: 49,
  filters: {
    th_filter_farve: ['228'],
    th_filter_materiale: ['351'],
    th_filter_computersize: ['573'],
    th_brand: ['277'],
    th_price: 49,
  },
  filterAttributes: { canBeShortened: 0 },
  sorting: {
    qty_ordered: 47,
    qty_ordered_store: 0,
    newest: '9633',
    defaultSorting: 0,
  },
}

我要问的是

我期望速度如何
是否有任何计算出的属性依赖于这种状态。产品会降低这种性能吗？
将这样的数组添加到商店的最快方法是什么？

问候卡巴斯尔

Vuex-将对象数组添加到商店需要很长时间

0 个答案: