vuex获取state的问题

我用getter获取state的数据是undefined是怎么回事?
这是我的代码结构

index.js

import Vue from 'vue'
import Vuex from 'vuex'
import mutations from './mutations'
import actions from './actions'
import getters from './getters'
Vue.use(Vuex)
const state = {
    totalTime: 0,
    list:[]
}
export default new Vuex.Store({
    state,
    mutations,
    getters,
    actions 
})

getters.js

export const totalTime = ({state}) => state.totalTime

在组件里获取通过this.$store.getters获取是的undefined
通过this.$store.state就能获取到
还有如果用...mapGetters会报unknown getter: totalTime
求大神看下!!

Sidebar.vue

<template>
      <h1 class="text-center">{{totalTime}} 小时</h1>
</template>
<script>
    import { mapGetters } from 'vuex';
    export default {
      name: 'Sidebar',
      computed: {
         /** 
        ...mapGetters({
             totalTime: 'totalTime'
        })**/
        
        time() {
            alert(this.$store.getters.totalTime)//undefined
            alert(this.$store.state.totalTime)//0
            return this.$store.getters.totalTime
        }
      }
    }
</script>

阅读 18.9k

<body> <h1 id="test" class="text-center">{{time}} 小时</h1> </body> <script src="../Js/vue.js"></script> <script src="../Js/vuex.js"></script> <script> const store = new Vuex.Store( { state:{ totalTime: 0, list:[], }, getters: { totalTime: state => { return state.totalTime; } } } ) </script> <script> var a=new Vue({ el:"#test",store, computed: { /** ...mapGetters({ totalTime: 'totalTime' })**/ time() { alert(this.$store.getters.totalTime)//undefined alert(this.$store.state.totalTime)//0 return this.$store.getters.totalTime } } }) </script>

vuex获取state的问题

你尚未登录，登录后可以

二本大三数据科学专业，已学HTML/CSS/，是否应继续深耕前端开发？

为什么请求AI的API请求在Apifox中流式输出但在浏览器中一次性输出？

请问是否有这样的UI前端三方库：展示第3个模块，第1个向上弹起就会隐藏掉？

前端使用pdfjs预览pdf文件，文字展示乱码，如何使用系统默认字体展示？

如何根据产品各个角度图片组成的360°旋转效果展示？