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

文章目录

• • 一、封装侧边栏组件
  • • • 1、在 components 文件夹下创建 AsideView.vue
      • 2、将HomeView.vue中的侧边栏的内容 复制到AsideView.vue中
      • 3、AsideView.vue 组件中定义外部传入的参数类型
      • 4、HomeView.vue中导入并注册定义好的侧边栏组件
      • 5、在原来侧边栏的位置使用侧边栏组件并传入参数
  • 二、封装Header组件
  • • • 1、在components文件夹下创建HeaderView.vue
      • 2、将HomeView.vue中Header部分内容复制到HeaderView.vue中
      • 3、HeaderView.vue组件中定义外部传入参数
      • 4、HomeView.vue中导入并注册定义好的HeaderView组件
      • 5、在原来header位置使用封装好的header组件并传入参数