主要介绍了Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下

demo需求分析： 图中菜单区域为header公用组件，点击相应的菜单选项跳转到对应的路由，在菜单下区域加载相应组件的内容。 以下两图分别为点击“我的电站”、“个人中心”的效果 demo结构介绍： 登录成功后，跳转到index页面，并默认显示index/UserStation（我的电站），index为一个组件，其他各个子菜单为一个组件，公共header为一个组件。 路由配置代码： header组件关键代码: 基于Element-ui（只需要留意红框部分）：Element-ui知识请参考El