VueJS Hello world

HTML

<!-- Include the library in the page -->
<script src="https://unpkg.com/vue@2.2.0-beta.1/dist/vue.js"></script>

<!-- App -->
<div id="app">
  <table >
    <tr v-for="(record , key) in records">
        <td style="width: 33px;">
          {{record.id}}
        </td>
        <td style="width: 33px;">
          {{record.name}}
        </td>
    </tr>
    <tr style="position: fixed;bottom: 0;">
        <td style="width: 33px;font-weight: 800;position: fixed;">
          ס"ה
        </td>
        <td style="width: 33px;font-weight: 800;">
          הכל בסדר
        </td>
    </tr>
  </table>
</div>

JavaScript

// New VueJS instance
var app = new Vue({
	// CSS selector of the root DOM element
  el: '#app',
  // Some data
  data: () => ({
    records: [{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:1,name:'a'},{id:2,name:'b'}]
  }),
  components: {
  	comp: {
    	render (h) {
      	return h('div', 'MyComponent')
      }
    }
   }
})