Querying the database

So far we have used references to documents and collections and feed them to Vuefire to get a in-sync local version of them but you can also pass queries. This is pretty much transparent from Vuefire perspective but here are some examples that you may find useful. If you need to check further, check Firebase documentation as there isn't any filtering or sorting feature in Vuefire, it all comes from Firebase.

One time read

If you don't care about having the data updated in real time whenever you modify or when you need to fetch some data that isn't anywhere in your component and use it once, you can use the native Firebase JS SDK, that's right, you don't need Vuefire at all for that:

// retrieve a collection
db.collection('documents')
  .get()
  .then(querySnapshot => {
    const documents = querySnapshot.docs.map(doc => doc.data())
    // do something with documents
  })

// retrieve a document
db.collection('documents')
  .doc(documentId)
  .get()
  .then(snapshot => {
    const document = snapshot.data()
    // do something with document
  })

To go further, check Firebase documentation:

Sorting

RTDB and Cloudstore do not include the same set of features regarding sorting but here is a basic example of sorting a collection of documents by the date of creation stored as createdAt:

import { db } from './db'

export default {
  data() {
    return {
      documents: [],
    }
  },

  firebase: {
    documents: db.collection('documents').orderBy('createdAt'),
  },
}

This also works with $rtbBind/$bind:

this.$bind('documents', db.collection('documents').orderBy('createdAt'))

To go further, check Firebase documentation:

Filtering

Cloudstore has many more features regarding filtering than RTDB but here is a basic filtering using one field with both databases:

// only get documents with more than 200 words
// the orderBy is optional
this.$bind(
  'documents',
  db
    .collection('documents')
    .where('wordCount', '>', 200)
    .orderBy('wordCount')
)

To go further, check Firebase documentation: