ルートに応じてコンポーネント/テンプレートをロードするvuejs

Question

これはvuejsで実装できるかどうかを尋ねたいので、基本的にコードはページ/テンプレートベースをparam urlにロードします。私はしばらくの間探していて、必要な結果を得ることができないか、間違ったキーワードを検索しているだけかもしれません。

私のURLはこのようなものなので、私は自分のルートにURLを手動で宣言することはできません。なぜなら、データベースからフェッチするのは動的なためです。

path: '/user/page_type 

ありがとうございました！

export default { 
    mounted() { 
     if(this.$routes.params.page_type == "home"){ 
      // Load Homepage Here 
      // ../../../page/HomePage.vue 
     } 
     else if(this.$routes.params.page_type == "speaker"){ 
      // Load Speakerpage Here 
      // ../../../page/HomePage.vue 
     } 
     else if(this.$routes.params.page_type == 'html'){ 
      // Load HTML Page Here 
      // ../../../page/HtmlPage.vue 
     } 
    } 
} 

Answer 1

これは、公式のアドオンvue-routerでそのまま利用可能です。あなたのケースのための

ドキュメント：link