Я делаю это в мутации в 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,
},
}
Что я спрашиваю:
- Какую скорость можно ожидать
- Могут ли какие-либо вычисленные свойства, основанные на этом состоянии. Продукты замедляют эту производительность?
- Что является самым быстрымспособ добавить такой массив в магазин?
С уважением, Каспер