折腾了一天，换了个浏览器居然好了？喵喵喵？然后重启了谷歌浏览器，什么问题都没有了，这卧槽

最后发现为IDEA自动重复引入了element的模块，导致重复引用冲突造成，删除就好了

经过测试下来，发现发生这种问题的根本原因在于路由component参数在被json转换成字符串之后，然后转回对象的时候无法解析，我尝试了一下直接使用import Home from ‘xxx’ 来替代component的值之后便正常显示路由信息了。但是依然没从根本上解决该问题，头疼

const routeMap = [{ path: '/login', component: Login },{ path: '/home', component: Home }]const router = new VueRouter({routes:routeMap//如果你的路由列表声明不叫routes应该是不能简写的}),