vuex中 组件获取的 getter 总是 undefined

Question

文件Test1.vue里的内容

import { getData1 } from './vuex/getters.js';

export default{

    vuex: {
        getters: {
            data1: getData1
        }
    }
}

文件getters.js里的内容

export function getData1(state) {
    return state.data1;
}

文件store.js

import Vue from 'vue'
import Vuex from 'vuex'
import * as getters from './getters'

Vue.use(Vuex)

const state = {
    // TODO: 放置初始状态
    data1: 123
};

const mutations = {
    // TODO: 放置我们的状态变更函数
};

export default new Vuex.Store({
    state,
    mutations,
    getters
})

在用vue的chrome调试工具调试时发现 data1一直是undefined

Answer 1

你对data1 赋值了没？ 代码贴的太少了

Answer 2

Test1.vue

computed: {
  data1 () {
    return this.$store.state.data1
  }
}

你可能是2.0吧