Vue 2.0 Hello World

HTML

<script src="https://unpkg.com/vue"></script>
<script src="https://gstatic.com/firebasejs/4.0.0/firebase.js"></script>
<script src="https://unpkg.com/vuefire/dist/vuefire.js"></script>

<div id="app">
  <input v-model="newMessage.text"><button @click="send()">Send</button>
  <ul>
    <li v-for="message in chat">
      {{message.text}}
    </li>
  </ul>
</div>

JavaScript

Vue.use(VueFire);
var firebaseApp = firebase.initializeApp({ 
	databaseURL: 'https://vuefiredemo.firebaseio.com'
});
var db = firebaseApp.database();
var chatRef = db.ref('chat');

new Vue({
  el: '#app',
  data: {   
    newMessage: {
       text: ''
    }
  },
  firebase: {
  	chat: chatRef
  },
  methods: {
    send() {
      chatRef.push(this.newMessage);
      this.newMessage.text = '';
    }
  }
})