【フォースタ テックブログ】RepositoryFactoryパターンをVueのAPIリクエストに導入する - for Startups Tech blog
Nuxt.js × typescriptで実装する api repositoryFactoryパターン | スマートショッピング
【Vue.js】Web API通信のデザインパターン (個人的ベストプラクティス) - Qiita
RepositoryFactoryパターンとは
APIを呼び出す設計のデザインパターンとして、JorgeというVueエヴァンジェリストによって紹介された。
Vue API calls in a smart way
- Repositoryによって、axiosインスタンスをコンポーネントに直接書くのを避けることができる
- データの操作をビジネスロジックと分離する
- エンドポイントの変更に強くなる
- 再利用性が高まる
- Factoryによって、各ケースで必要なリポジトリをインスタンス化する
- コンポーネントはRepositoryの実体化の方法を知らなくていい
- テストのためのmockがしやすくなる
準備
使い方
Vueコンポーネント内で $repositories
で使用できる
テスト