Vuex - Добавление массива объектов в хранилище занимает много времени - PullRequest
0 голосов
/ 18 сентября 2018

Я делаю это в мутации в Vuex:

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

'products' - это массив из 350 объектов.State.product объявляется в магазине следующим образом:

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

console.time / timeEnd говорит мне, что для этого требуется около 70 мс.Это не может быть так быстро, как должно быть.

Я пытался включать и выключать строгий режим, как упоминалось в качестве решения в аналогичных постах, но без эффекта вообще.

Информация: Vue: 2.5.13 Vuex: 3.0.1 Отладка в последней версии Chrome на MacBook Pro

Продукт в массиве выглядит следующим образом:

{
  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,
  },
}

Что я спрашиваю:

  1. Какую скорость можно ожидать
  2. Могут ли какие-либо вычисленные свойства, основанные на этом состоянии. Продукты замедляют эту производительность?
  3. Что является самым быстрымспособ добавить такой массив в магазин?

С уважением, Каспер

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...