如何限制 VueX 商店對某些頁面的訪問

Question

我有一個 Vuex 商店，里面有一個博客文章列表，大約三個頁面可以訪問該商店。 當我運行 npm 運行生成時，構建大小最終會很大，因為所有其他頁面也有 Vue 商店的 state 包含在他們的 ZA81259CEF8E959C624DF1D456E5D3297'T 文件中，即使它們使用的是商店。 對於應用程序，它使用 SSR。

Answer 1

您可以在需要存儲模塊的頁面的 asyncData 中執行此操作：

asyncData (context) {
  context.store.registerModule('moduleName', () => import('/path/to/modules/file'))
}