見出し画像
Photo by hanauri_boi

8週目続き

KOMA

わかったこと。

firebaseにて、データの取得をするには、

 JavaScript側でfirebaseのデータベースをインポートし、
get()メソッドとforEach()でConsoleに表示する。

<script>
import { db } from '~/plugins/firebase.js'
export default {
 methods: {
   async onSubmit() {
     await db.collection('news').add({
       title: this.title,
       description: this.description
     })
     db.collection('news')
       .get()
       .then(function(querySnapshot) {
         querySnapshot.forEach(function(doc) {
           // doc.data() is never undefined for query doc snapshots
           console.log(doc.id, ' => ', doc.data())
         })
       })
   }
 }
}
</script>
DocumentSnapshotが単一のドキュメントのデータを持っていたのに対して、QuerySnapshotは複数のドキュメントのデータを持つスナップショットです。
firestoreに保存してあるデータを取得する時は、"参照" --get()--> "スナップショット" --data()--> "データ"という流れになる

なんか参考になりそうなサイト



サポート頂けるとモチベーション上がります！僕もますます頑張るので、一緒に頑張りましょう！！