Vuefire / Vuexfire 
Synchronize your data and Firebase Cloud Store database in real-time
Introduction
Firebase provides two solutions to handle real-time databases: Realtime Database and Cloud Store (which is also a realtime database). In order to keep all clients data in-sync with its cloud database, their js SDK provides the tools to do so. However, it quickly becomes bothersome to bind multiple documents or collections to your application, keep them synchronized as well as handling references to other documents or collections, which can contain references themselves and must also be kept up to date. The goal of vuefire and vuexfire is to make this as simple as a function call that returns a promise so it is also easy to setup SSR and allows you to focus on developing your application.
To better understand why Vuefire will make it so much easier to develop Vue apps with firebase, please, check this link in the documentation
Note: This repository contains the code for vuefire and vuexfire packages:
Packages
| Package | version | Description |
|---|---|---|
| vuefire | Firebase bindings for vue | |
| vuexfire | Firebase bindings for vuex | |
| @posva/vuefire-bundler | Rollup config to bundle packages | |
| @posva/vuefire-core | Core bindings used for vuefire and vuexfire | |
| @posva/vuefire-test-helpers | Helpers used across core, vuefire and vuexfire |
Related
- Firebase Web Docs
- Realtime database
- Cloud Firestore (You should try this one which is also realtime)