<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) } } }
vue中父子組件中傳數(shù)據(jù),如下例代碼自定義的TodoItem不應該是屬于子組件本身嘛?
夜盡仙鳴
2018-08-21 17:07:13