8週目続き
わかったこと。
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()--> "データ"という流れになる
なんか参考になりそうなサイト
サポート頂けるとモチベーション上がります!僕もますます頑張るので、一緒に頑張りましょう!!