lavezzi1

Заводите state isItemsReady в модуле с значением false, после того как данные стянулись и сохранились, тригерите его в true. Это вам понадобиться на страницах/компонентах, чтобы узнать что данные готовы, можно пока isItemsReady false крутить спиннер.

Дальше в своем компоненте заводите computed свойство:
items: { return this.$store.getters.items }

и удаляете items из data.

Все.

.abs-bg {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(img/dsc0654_2x.jpg) center top;
    background-size: cover;
}

Самсунги лучше всех гонятся, ибо низкие тайминги при высоких частотах.

У меня Kingston Fury с Hynix разогнались до 3200 Мгц при 16-16-18-36. Оптимально цена/качество.

Самое главное Micron не берите.

element.getAttribute('index');

Нужно сохранять prop в data(), если вы планируете его изменять.

props: {
    value: [String, Number, Object, Array]
}
data() {
    return {
       mutableValue: this.value
    };
}

И дальше mutableValue крутите как угодно. Еще правильней будет сохранять prop value через watch.

Если есть возможность, то возьмите материнку в магазин и примерьте видеокарту. Чисто технически должна встать. Но недавно хотел поставить свою 1060 в материнку такого же формата, не встала, мешали элементы платы слева у pci-e разъема.

У вас вроде все ок с иерархией компонентов, просто используйте vuex для централизованного хранения данных и тяните их где угодно. При изменении их в vuex store эффект будет везде и на странице и в компонентах.

Либо так:

<li v-for="(item, index) in items" @click="foo(item)">{{ `item ${index + 1}` }}</li>

Либо черед делегирование событий.