Vue はナビゲーション バーとトップ バーをパブリック ページとして設定します

まず、2 つの必要なコンポーネントをグローバルに導入します

import LeftSide from '@/components/leftSide/index';
import CrmHeader from '@/components/crmHeader/index'；
Vue.component('LeftSide',LeftSide);
Vue.component('CrmHeader',CrmHeader);

次に、MainApp.vue に次のコードを追加します。

<!-- 实际运用场景中，登录注册页面我们不希望出现，所以用keep-alive结合$route.meta来实现这个功能 -->
<div v-if="$route.meta.keepAlive">
	<LeftSide></LeftSide>
    <CrmHeader></CrmHeader>
</div>

router.js ではメタコントロール表示を使用します

{
    
    
    name: 'home',
    path: '/home',
    component: Home,
    meta:{
    
    
      // true: 侧边栏与顶部栏显示 false: 不显示
      keepAlive: true
    }
}