Vue.js Boilerplate

by Atinux

HTML

<script src="https://rawgit.com/vuejs/vue/dev/dist/vue.js"></script>
<script src="https://rawgit.com/vuejs/vue-router/dev/dist/vue-router.js"></script>
<script src="https://rawgit.com/vuejs/vue-resource/master/dist/vue-resource.js"></script>
<div id="app">
  
  <ul>
  
    <li v-for="template in templatesFiltered">{{ template.name }}</li>
  
  </ul>
</div>

Babel + JSX

new Vue({
	el: '#app',
  data: {
  	templates: [{
    	key: 'A4',
      name: 'A4',
    }, {
    	key: 'A3',
      name: 'A3',
    }, {
    	key: 'A2',
      name: 'A2',
    }]
  },
  computed: {
	  templatesFiltered: function () {
			return Vue.filter('filterBy')(this.templates, 'A4', 'key');
    }
  }
});