The very first Vue.js example

by Saurabh Mimani

HTML

<script src="http://vuejs.org/js/vue.min.js"></script>
   <div id="app">
        <tasks></tasks>
    </div>
    <template id="tasks-template">
        <ul class="list-group">
            <li class="list-group-item" v-for="task in list">
                {{task}}
            </li>
        </ul>
    </template>

JavaScript

var tasks = {
    template: '#tasks-template',
    data: function () {
        return {
            list: []
        };
    },
    created: function() {
      this.list = [1,2,3,4]
    }
}

Vue.component('tasks', tasks);

const app = new Vue({
    el: '#app'
});