<div id = "todo-list-example">
<input v-model ='newTodoText' v-on:keyup.enter='addNewTodo' placeholder ='Add a todo'>
<ul>
<li
is = "todo-item"
v-for="(todo,index)in todos"
v-bind:key ="todo.id"
v-bind:title ="todo.title"
v-on:remove ="todos.splice(index,1)">
</ul>
<input v-model ='newTodoText' v-on:keyup.enter='addNewTodo' placeholder ='Add a todo'>
<ul>
<li
is = "todo-item"
v-for="(todo,index)in todos"
v-bind:key ="todo.id"
v-bind:title ="todo.title"
v-on:remove ="todos.splice(index,1)">
</ul>
</div>
Vue.js 中v-for的用法,注意 in 的左右必须有空格,不然会报错!