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.

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

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

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:

1. main.js
2. App.vue: fill in the config file to match your personal firebase database access keys etc.
3. 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.

# 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.

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