[JavaScript知识库]前端权限管理(九)之代码清理+组件重命名

代码清理是清理theme这一块的

清理完成后修改Home.vue代码如下

<template>
<div class="container">
      <!-- 导航菜单栏 -->
      <nav-bar></nav-bar>
      <!-- 头部区域 -->
       <head-bar></head-bar>
      <!-- 主内容区域 -->
 <main-content></main-content>
  </div>
</template>
 

<script>
import HeadBar from "./HeadBar/HeadBar"
import NavBar from "./NavBar/NavBar"
import MainContent from "./MainContent/MainContent"
export default {
  components:{
        HeadBar,
        NavBar,
        MainContent
  }
};
</script>

 
<style scoped lang="scss">
  .container {
    position:absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    background: #4b5f6e;
  }
</style>

第二步把原来的main.vue修改MainContent.vue

main包修改MainContent包

MainContent.vue代码修改

把1. 

 <BreadCrumb> </BreadCrumb>

创作打卡挑战赛

赢取流量/现金/CSDN周边激励大奖

开通VIP 解锁文章