如果优化组件获取vuex中超多层的对象嵌套

Question

因为项目中用了vuex去管理大量的数据，所以有时候会出现这样的情况，在组件中用到指定的对象时：

有时候层次可能更深...
有什么方法可以优化的吗？
难道写个方法去减少路径类似这样：

matchObject(name){
    return state.screen.pageMange[name];
}

感觉是优化了下次是state.other.child那不是又要写方法了...感觉蛋好疼

Answer 1

定义getters以及用mapGetters来解决吧
vuex-getter

const getters = {
  pageMange: state => state.screen.pageMange,
 
};
export default getters;