<body>
<div id="app">
<input type="text" v-model="modelvalue" >
<button @click="addList">提交</button>
<!-- 改了一下的 -->
<todo-list v-for="it in list" v-bind:it="item" ></todo-list>
<!-- 例题中的
<todo-list v-for="item in list" v-bind:it="item" ></todo-list>
-->
</div>
<script>
var todoList={
props:['it'],
template:'<li>{{it}}</li>',
}
var app=new Vue({
el:'#app',
data:{
list:[],
modelvalue:''
},
methods:{
addList:function(){
this.list.push(this.modelvalue);
this.modelvalue='';
},
},
components:{
TodoList:todoList,
}
})
</script>
</body>