Firebase + Vue

by Robodude

HTML

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://www.gstatic.com/firebasejs/3.7.0/firebase.js"></script>
<div id="app">
  <div v-if="name !== undefined">
  {{ name }}
  </div>
</div>

JavaScript

var config = {
  apiKey: "AIzaSyDKPXtkusXYj24mzbRofuiV91z_dEzE7iM",
  authDomain: "sample-6caa0.firebaseapp.com",
  databaseURL: "https://sample-6caa0.firebaseio.com",
  storageBucket: "sample-6caa0.appspot.com",
  messagingSenderId: "568501395962"
};
firebase.initializeApp(config);

new Vue({
  el: '#app',
  created(){
  	firebase.database().ref("options/name").once("value").then(snap => {
    	this.name = snap.val();
    });
    /*
    firebase.database().ref("options/name").on("value", snap => {
    	this.name = snap.val();
    });
    */
  },
  data: {
    name: undefined
  }
})