nuxt, ...mapState 值返回为未定义

Question

我在我页面的 fetch() 挂钩中获取了一个 api，然后通过一个动作和一个突变，我在我的状态中更新了一个名为 movieList 的值。我知道动作和突变是有效的，因为我可以看到它们正确地记录了响应对象。但是我的页面似乎没有在我的商店中找到 movieList，所以它 returns 未定义。这是我的文件夹结构：

这是我的状态：

const state = () => ({
  movieList: 'pashmi'
});

请注意我初始化了 movieList: 'pashmi' 以测试是否 ...mapState returns pashmi 但它仍然 returns 未定义。这是我的地图状态：

import { mapState } from "vuex";
  computed: {
    ...mapState("movies", ["movieList"]),
  }

Answer 1

将 movies.js 重命名为 index.js，应该可以。

nuxt, ...mapState 值返回为未定义

nuxt, ...mapState value is returned as undefined

vue.js

vuex

nuxt.js