子組件自定義事件,向父組件傳遞參數 ~~~ this.$emit('delete',{}) ~~~ >[success]ge:刪除對應的子組件 ~~~ <div id="app"> <input type="text" v-model="value"> <button @click="add">添加</button> <todo-item :content="item" :index="index" v-for="(item,index) of arr" @delete="handleDelete"></todo-item> </div> ~~~ ~~~ var TodoItem ={ props:['content','index'], template:"<div @click='handleClick'>{{content}}</div>", methods:{ handleClick(){ this.$emit('delete',this.index) } } } var app = new Vue({ el: "#app", components:{ TodoItem }, data:{ arr:[], value:'' }, methods:{ add(){ let repeat = this.arr.includes(this.value); if(this.value!=""&& !repeat){ this.arr.push(this.value) } }, handleDelete(index){ console.log(index) this.arr.splice(index,1); } } }) ~~~