【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组件并传入参数

你可能感兴趣的:(vue.js,前端,spring,boot)