この記事では、SPAがはじめてという方向けに、”Vue.js”と”Vue Router”、”axios”を使った、SPAの作り方を紹介します。 そのため、「SPAのアプリケーションを作ってみたいけれど、どこから手をつければ良いかわからない」という方向けの内容となっています。 今回作成するアプリケーションは、「Ajaxで自分のIPアドレスを取得し、表示する」ことを目標としています。 実装する機能としてはシンプルですが、「画面遷移」や「Ajaxによるデータ通信」といった、アプリケーションに欠かせない処理を含んでいます。 この記事を参考にSPAを作ってみて、Vue.jsでSPAを作ることが、どういった感じかを掴んでいただければと思います。 作成するアプリケーションのイメージを下記に記載します。 ホーム画面 IPを表示する画面 SPAとは何か? SPAは、”Single Page Applicat
![Vue.js + axios + Vue Routerで作る!シンプルなSPAの作り方 | Public Constructor](https://cdn-ak-scissors.b.st-hatena.com/image/square/125d5cd2db548be9169c453c67a09eae0c5b6c7f/height=288;version=1;width=512/https%3A%2F%2Fpublic-constructor.com%2Fwp-content%2Fuploads%2F2018%2F09%2Fmatterhorn-3019429_1280.jpg)