RitoLabo

プリレンダリングを用いてVue.jsのSPAをビルドする導入から設定まで

  • JavaScript

プリレンダリングを用いてVue.js+Vue Routerで構築したSPAを事前描画した状態でビルドします。ところで「プリレンダリング」とは何でしょうか?なぜプリレンダリングが必要で、いつプリレンダリングが使えるのか、そこも交えて解説します。

VueRouter基本ルーティング記法まとめ

  • JavaScript

Vue.jsでSPA(シングルページアプリケーション)を開発する際にVueRouterを利用する事で、HTML5 History APIを用いたHistory管理と、SPAでありながら画面切り替えの挙動を持つ事が出来ます。そんなVueRouterの基本的なルーティングパターンを見ていきます。

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

  • JavaScript

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

Vuexを用いたVue.jsアプリケーションのシンプルな状態管理とデータフロー

  • JavaScript

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