はじめに VueでFirestoreのSubscribe機能を使ってリアルタイム処理を行いたい時に、いくつかアプローチがあるのですが、それをそれぞれ検証してどうだったかを記録として残しています。 同じように、Vue・FirestoreでSubscribe機能を使いたい人の参考になれば嬉しいです。 今回、検証に使用した環境は以下です。 Nuxt.js v2.4.0 TypeScriptは未使用 FirestoreのSubscribe機能について Firestoreで、データの変更があった時に変更差分をクライアント側に通知させる際に、onSnapshotメソッドを使用します。 https://firebase.google.com/docs/firestore/query-data/listen 大まかな手順として、 リアルタイム検知したいFirestoreのドキュメントを指定して、監視対象と