上一节搭好了主框架,但是标签页和侧边栏只是分别展示了各自的菜单,如何将二者联动起来? 定义路由规则:当有 children 属性时,从 children 里取出 path 填充到侧边栏,如:
{
path: '/',
redirect: '/dashboard',
name: 'Container',
component: Container,
children: [
{path: 'dashboard', name: '首页', component: Dashboard, },
{path: 'article', name: '文章', component: Article, },
]
}
该路由的 children 有2个子路由,我期望生成如下菜单:
1 新增组件
新增 views/dashboard/index.vue
dashboard
views/article/index.vue
Article
此时 src 的目录结构
│ App.vue
│ main.js
├─assets
│ logo.png
├─components