すべてのカテゴリ

Vue のページの考え方Vue の公式チュートリアルの例では、作成したのは基本的に「１ページ」の Web アプリでした。この記事では、Vue フレームワークの「ページ」の考え方について紹介します。基本は「１ページ」！Vue フレームワークを利用した場合は、Web アプリのページは基本的に「１ページ」になります。 公式チュートリアルでは、「メインのページ （App.vue)」から「部品（ChildComp.vue）」を呼び出すような例も学習したと思いますが、これも基本的には「１ページ」のアプリです。「部品（ChildComp.vue）」も、メインのページの一部として表示されているからです。理由は簡単で、Vue のフレームワークがやっていることは、元になるページに作成した「Vue」の「部品」を Vue が埋め込んで表示をしているからです。Vue では「メインのページ（App.vue）」も、「部品（ChildComp.vue）」も「Vue の部品」として扱われています。したがって、npmなどのパッケージ管理アプリを使って Vue のアプリを開発する場合は、「index.html」というファイルが元になるページで、Vue はこのページに表示を埋め込む仕事をしているだけです。これが、 Vue や React などフロントエンドのフレームワークを利用して開発した Web アプリが「１ページアプリ」と呼ばれている理由でもあります。複数のページを扱うには？では、Vue のフレームワークを利用して複数のページを持った Web アプリは作れないのかという疑問が出てくると思います。 結論から言うと、