はじめに
以下はVue.jsを学習する過程でメモした備忘録になります
Vue.jsとは
Vue.js（ビュー・ジェイエス）は、JavaScriptで作られたフロントエンドフレームワークであり、画面の一部だけをすばやく変えるような動きを作るのが得意なフレームワークです。例えばボタンを押したらすぐに情報が変わったり、動いたりするようなウェブサイトを作るのに役立ちます。
フレームワークとは
プログラムやアプリケーションを開発するための「基本的な枠組み」や「テンプレート」です。よく使われる機能や構造があらかじめ組み込まれているため、開発者はゼロからすべてを作る必要がなくなります。
Vue.jsの特徴
-
パーツを組み合わせた画面を作ることができる
- メニューの部分、ボタンの部分、画像の部分など、それぞれの部品を別々に作って組み合わた画面を作ることができます
-
リアルタイムで画面が変わる
- 画面全体を読み込み直さずに、一部分だけ変えることができるので、スムーズで素早い動きを実現できます
SPA(シングルページアプリケーション)とは
ウェブサイトには大きく分けて2種類存在します
-
シングルページアプリケーション（SPA: Single-Page Application）
- リンクをクリックしてもページを再読み込みしない
- 必要な部分だけをサーバーから取得して表示します
- タスク管理アプリやSNSなど、ユーザーが頻繁に操作する必要がある画面に使われます
-
マルチページアプリケーション（MPA: Multi-Page Application）
- リンクをクリックするたびに毎回ページ全体が読み込まれる仕組み
- 従来のウェブサイトの作り方です
- ニュースサイトやブログなど、ページが多いウェブサイトに多く使われます