Awesome

vuejsfirebase

An example app using Vue.js 2 and a Firebase database.

Vue = easy connecting between data and interface.
Firebase = easy app database setup (a real database, not a simulated local one). This is just one of the many services that Firebase can offer your app.

Glitch.com Example

https://vue-js-firebase-database.glitch.me/

Setup

Watch how to set it up here (step-by-step + explanations): https://www.youtube.com/watch?v=we4zuQIXmnw

Useful Notes

See package.json for a list of things to make sure to have installed using npm (to fill that node_modules folder).

The 3 files to code inside of:

main.js
App.vue: fill in the config file to match your personal firebase database access keys etc.
index.html

Important commands:

vue init webpack vuejsfirebase if you want to create the vue project from scratch.
cd vuejsfirebase to get into the folder for npm commands to work.
npm install and npm install ... to set up modules as needed.
npm run dev to run the view in your browser.

Notes Automatically Generated by Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

Other things I'm learning for Vue.js

https://github.com/hchiam/learning-vue