Firebase + Vue

by Robodude

HTML

<div id="app">
  <div v-for="record in records">
  {{ record.name }} - {{ record.price }} - {{ record.quantity }}
  </div>
</div>

JavaScript

new Vue({
  el: '#app',
  data: {
    records: [{name: "Record A", price: 9.99, quantity: 10},
    {name: "Record B", price: 8.99, quantity: 6}]
  }
})