Bootstrap

【SpringBoot+VUE后台管理系统】(五)Vue前端项目路由配置_封装左侧菜单栏组件_封装头部组件_封装页签面包屑

一、封装侧边栏组件

1、在 components 文件夹下创建 AsideView.vue

在这里插入图片描述

2、将HomeView.vue中的侧边栏的内容 复制到AsideView.vue中

在这里插入图片描述

3、AsideView.vue 组件中定义外部传入的参数类型

在这里插入图片描述

4、HomeView.vue中导入并注册定义好的侧边栏组件

在这里插入图片描述

5、在原来侧边栏的位置使用侧边栏组件并传入参数

在这里插入图片描述

二、封装Header组件

;