vue后台管理系统的侧边栏 怎么和router.js里面的路由连接起来呢

Question

我现在属于在return里面把数据写死，然后for循环出来的，比如说我点击左侧导航然后右侧出现相应内容，网上很多开源项目我也看了，要不跟我一样的，要不写死的，vuex不太用这个玩意

 sideList:[

          {

            id: 1,

            menuName: '账户管理',

            icon: 'icon-usermanagement',

            children:[

              {

                menuName:'账户首页',

                path:'home',

                icon: 'icon-guanli',

              },

这个path 应该是路由里面的path

Answer 1

首先你要明白路由的配置过程：1.安装路由（新建项目的时候默认帮你装）2.定义路由组件：每个路由对应一个路由组件。3.创建路由实例。4.创建和挂载根实例，通过router配置参数注入路由，从而让整个应用都有路由功能。在router index.js里，在main.js里，在pages main.js里（即你的项目主页里）项目文件路径：三言两语说不明白，得看你基础，建议你多看文档，了解router基本内容，如果需要文档链接可以找我要。