vue中父子组件中传数据，如下例代码自定义的TodoItem不应该是属于子组件本身嘛？

Question

<div id="root"> <div> <input type="text" v-model='todoValue'> <button @click="handleBtnClick">提交</button> </div> <ul> <todo-item v-bind:content='item'    v-bind:index='index'        v-for="(item,index) in list"        @delete='handleitemDelete'> </todo-item> </ul> </div>//局部组件 var TodoItem = { props:['content','index'], template:'<li @click="handleItemClick">{{content}}</li>', methods:{ handleItemClick: function(){ this.$emit('delete',this.index) } } }

Answer 1

你这里定义的TodoItem 是一个vue实例