vue demo todo-list

html

    <input type='text' v-model="todoItem" v-on:keyup.enter='addItem'>
       <ul>
           <li v-for="(item,index) in items" is="todo-list" v-bind:info="item" v-on:remove="removeItem(index)"></li>
       </ul>

js

 /*todo-list demo*/
 Vue.component('todo-list',{
     props:['info'],
     template:'<li>{{info}}<button v-on:click="$emit(\'remove\')">remove</button></li>'
 })


var app=new Vue({
     el:'#app',
     data:{
              todoItem:'',
           items:['item1','item2','item3','item4','item5']
         }
});