Using Vue with Firebase

Using Vue with Firebase as a backend is very easy, thanks to VueFire--a plugin that contains bindings for Firebase. In this recipe, you will develop a fully functional database of smells.

Getting ready

Firebase is out of the scope of this book, but I will assume, for this recipe, that you have a familiarity with the basic concepts. Except for this, there is really not much you need to know, as we will build a very basic Vue application on top of that.

How to do it...

Before starting to write code, we need to create a new Firebase application. To do this, you have to log in at https://firebase.google.com/ and create a new application. In our case, it will be called smell-diary. You will also need to take note of your API key, which is found in the project settings:

Also, you will need to disable authentication; go to the Database section and, in the Rules tab, set both read and write to true:

{
  "rules": {
    ".read": true,
    ".write": true
  }
}

We are finished with...