Vue でのルータービューコンポーネントの使用に関する詳細な説明

<テンプレート>
<!--ヘッダー領域-->
    <el-ヘッダー>
      <div>
        <img class="shop" src="../assets/img/shop.png" alt="">
        <span>電子商取引バックエンド管理システム</span>
      </div>
      <el-button type="info" @click="logout">ログアウト</el-button>
    </el-header>
    <el-コンテナ>
<!--サイドバー-->
	<!--これは理解しやすいように簡略化されています。つまり、サイドバーのさまざまなオプションをクリックしてルートにジャンプします-->
    <router-link :to="/roles"></router-link><!--ロールリスト-->
    <router-link :to="/rights"></router-link><!--権限リスト-->
<!--ルートプレースホルダー-->
    <ルータービュー></ルータービュー>
</テンプレート>

{
      パス:'/home',
      コンポーネント:ホーム、
      // ロールリストにリダイレクトします。redirect:'/roles',
      子供たち：[
        {
          パス:'/rights',
          コンポーネント:権利
        },
        {
          パス:'/roles',
          コンポーネント:役割
        } 
      ]
    }