vueカスタムラベルと単一ページマルチルーティングの実現コード

1.カスタムコンポーネントラベル（ホームにトップバー/サイドバーなどを挿入する）
例えばHeader.vueにHome.vueを挿入すると表示されます。Header.vueを定義し、Home.vueのスクリプトにHeader.vueを導入します。

import vHead from "./Header.vue"; 
 #  Header.vue vHead，    ，
Header.vue Home.vue
       ./

コンポーネントをエクスポート:

export default {
 components: {
  vHead,
 }
 };

その後、Home.vueの<template>に直接挿入して使用することができます。
＜vHead>
2.単一ページマルチルーティングの実現
ワンページマルチルーティングとは、同じページに異なるルートの内容を表示し、サブルーティングに設定し、<router-view></router-view>を介してサブルーティングの挿入点として利用することである。対応するルーティングにアクセスすると、そのルーティング内容は＜router-view＞の位置にレンダリングされます。
例えば、Home.vueページにHomeDesk.vueなどのページを表示します。
1../router/index.jsルートの中のchildren属性を設定することにより、HomeDesk.vueをHome.vueのサブルートに設定する：

const routes = [ 
 {
 path: '/',
 name: 'home',
 component: () => import('../components/common/Home.vue'), #      
 children: [
 {
  path: '/homedesk',
  name: 'homedesk',
  component: () => import('../components/page/HomeDesk.vue') #      
 },}]

2.HomeDesk.vueページのそれぞれの位置に<router-view></router-view>を追加し、対応するルーティング/homedeskにアクセスすると、そのルーティングコンテンツをHomeDesk.vueの対応する位置にレンダリングする。
ここで、Vueのカスタムタグと単一ページのマルチルーティングの実現に関する記事を紹介します。これに関連して、Vueのカスタムラベルのページの多ルートの内容は以前の文章を検索したり、下記の関連記事を見たりしてください。これからもよろしくお願いします。