Я исследую подход component caching
в моем проекте Nuxt.Однако я немного запутался в сообщении с предупреждением в документации:
You should NOT cache components that have child components that may rely on global state.
Включает ли global state
также все мои vuex store module states
?
Вот пример:
<template>
<div v-if="shopInfo.paymentMethods && shopInfo.paymentMethods.length" class="ml-4-sm-and-up">
<h3 class="display-2 mb-2 bold">
{{ 'home.payment_methods' | localize }}
</h3>
<div class="mb-4">
<template v-for="method in shopInfo.paymentMethods">
<img class="payment-icon pa-1 mr-3"
:src="'/paymentMethods/' + paymentMethodNames[method.name] + '.svg'"
:alt="method.tooltip"
:title="method.tooltip"
:key="method.name"
>
</template>
</div>
</div>
</template>
Поскольку этот компонент использует состояние vuex
, значит ли это, что я не должен его кэшировать?