VueRouterの基本とルーティングを構築するはじめの一歩
- Vue.js

Vue.jsでSPAを開発していくにあたりURL履歴イベントをブラウザ内に構築する為のVueRouterというライブラリが提供されています。今回はVueRouterを用いたVue.jsアプリケーション開発の基本(ルーティングなど)を見ていきます。

Vue.jsでSPAを開発していくにあたりURL履歴イベントをブラウザ内に構築する為のVueRouterというライブラリが提供されています。今回はVueRouterを用いたVue.jsアプリケーション開発の基本(ルーティングなど)を見ていきます。

クリーンなコードで世界中が平和になりますように。

Vue.jsでは、シンプルに状態管理を行えるようにVuexという状態管理のライブラリが提供されています。Vuexを導入する事でデータフローを一方向に整理でき、シンプルな状態管理を実現する事ができます。

Vue.jsでの開発にSassを導入し、transition/transition-groupコンポーネントによるアニメーションを実装します。

Vue.jsに限らずJavaScriptフレームワークでフロントエンドを実装していると、アプリケーションによってデータを取得したりなど、外部のAPIなどと通信を行う機会も多く発生します。今回はVue.jsでのAPIリクエストをaxios&RepositoryFactoryで実装してみます。

Vue.jsでの状態管理といえばVuexですが、今回はそれを使わずに状態管理を実装しましょうというお話です。シンプルなVue.jsアプリケーションの状態管理を簡単なstoreパターンで行います。