vuex中的数据显示在模板有错误提示

Question

####vuex

定义user信息的Module

import { StoreOptions } from "vuex";

export default {
  namespaced: true,
  state: () => ({
    currentUser: {
      username: "未登录",
      roal: "noruser",
    },
  }),
  mutations: {
    //state状态，payload传递过来的参数
    updateUser(state, payload) {
      state.currentUser = payload;
    },
  },
  actions: {
    getCurrentUser({ commit, state }, payload) {
      //第一个参数是mutations中的定义的方法
      commit("updateUser", payload);
    },
  },
  getters: {},
} as StoreOptions<any>;

引入模块

import { createStore } from "vuex";
import user from "@/store/user";

export default createStore({
  state: {},
  getters: {},
  mutations: {},
  actions: {},
  modules: {
    user,
  },
});

为什么会提示错误，不过页面显示没有问题

Answer 1

【相关推荐】

• 这个问题的回答你可以参考下: https://ask.csdn.net/questions/7751128
• 这篇博客你也可以参考下：大型Vuex项目 ,使用module后， 如何调用其他模块的 属性值和方法？
• 您还可以看一下 徐照兴老师的Vue全家桶从基础入门到进阶项目实战第三篇中级进阶实战篇课程中的 Vuex模块化管理改进——Vuex标准项目结构小节, 巩固相关知识点
  
• 除此之外, 这篇博客: vuex中的 什么是module？ 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

  背景：在Vue中State使用是单一状态树结构，应该的所有的状态都放在state里面，如果项目比较复杂，那state是一个很大的对象，store对象也将对变得非常大，难于管理。
  module：可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰，方便管理。

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^