我正在研究我的Nuxt项目中的component caching
的方法。但是,我对文档中的警告消息有些困惑:
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
状态,是否意味着我不应该缓存它?