Vue-infinite-loading で Vuex を使う - Qiitaはじめに サーバサイドの開発歴は1年程度で、最近初めて業務でフロントエンド開発を担うようになりました。 フロントエンド開発めちゃくちゃ楽しいです。 記事の目的 さて、JS のライブラリとして Vue.js を使っているのですが、 Vue-infinite-loading という無限スクロールを簡単にに実現できるライブラリがあります。 この無限スクロール機能では API を叩いて データを取得する処理が必要となります。これらの処理を状態管理のライブラリである Vuex で扱いたい、というのが本記事のモチベーションです。 ググってみたのですが、ドキュメントには記載がなく、 Issue にコードの一部が載っている程度でした。私はフロントエンド歴が浅いためか、 Issue だけではすぐに理解が出来ず、試行錯誤の末にやっとできましたので、コードの全体像を載せてみようと思います。 参考 Guide |
