vuex中import router中的常量结果是undefined ?

问题描述

Vue 项目结合 element UI 搭建后台管理系统，在 vuex 的 store/index.js 文件中引入 router/index.js 中定义的常量 constantRouterMap，结果后台打印引入结果为 undefined。详细见图：

如何解决

你应该在 main.js 中 先引入 store 再引入 router。

import store from './store'  // 先引用store
import router from './router'  // 后引用router

问题分析

这个问题可能是因为循环引用，router 里面引用了 store，store 里面也引用了 router，这时候处于这个 loop 中间的所有变量都会变成引用类型，也就是你不能一开始就获取他的真实值，只能得到 undefined ？？？

参考文档

https://github.com/PanJiaChen/vue-element-admin/issues/1537