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实例