Nuxt组件缓存

时间:2018-12-13 13:31:16

标签: caching vuex nuxt.js nuxt

我正在研究我的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状态,是否意味着我不应该缓存它?

0 个答案:

没有答案