vuex中 组件获取的 getter 总是 undefined

文件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

阅读 4.6k
2 个回答
新手上路,请多包涵

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

Test1.vue

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

你可能是2.0吧

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题