VUEは、動的にタイトルを変更します

図1に示すように、ルーティングを使用

router.js
 // ルートJSONメタの属性に対応するメタデータを追加します：{タイトル：「ホーム」} 
{パス：「/インデックス」、コンポーネント：インデックス、メタ：{タイトル：「家」 }、}

 

main.js
 // 利用ルータ方法beforeEach 
router.beforeEach（へ（から次）=> { 
  
  場合（to.meta.title）{ 
    document.title = to.meta.title 
  } 
  次の（）
}）

 

2、ディレクティブを使用する方法

// コマンドを作成し、このページの<div V-タイトルデータタイトルVUEのVUEの対応 > - = "{$タイトル}"> $タイトルタイトルコンテンツ 
Vue.directive（' タイトル' 、{ 
  バインディング機能（EL、：挿入）{ 
    document.title = el.dataset.title 
  } 
}）