1.准备工作

页面布局


2.整体布局-动态菜单(VueRouter) router index
左侧菜单示例:


主界面



示例: main.js

路由链接组件:router index="/stu" index.vue文件


路由表:Router实例:path:路径,与index保持一致 name:路由项的名字 component:对应的组件
index.js文件

<router-view></router-view>:路由展示的区域



页面布局


左侧菜单示例:


主界面



示例: main.js

路由链接组件:router index="/stu" index.vue文件


路由表:Router实例:path:路径,与index保持一致 name:路由项的名字 component:对应的组件
index.js文件

<router-view></router-view>:路由展示的区域

