>[info]使用局部組件必須在父組件中注冊 ~~~ new Vue({ components:{ TodoItem } }) ~~~ >[success]例子 ~~~ //HTML <div id="app"> <input type="text" v-model="value"> <button @click="handleClick">添加</button> <todo-item :item="item" v-for="item of arr"></todo-item> </div> ~~~ ~~~ //Javascript var TodoItem ={ props:['item'], template:"<div>{{item}}</div>" } var app = new Vue({ el: "#app", components:{ TodoItem }, data: { arr: [], value: '' }, methods: { handleClick: function () { var value = this.value; if (!this.arr.includes(value) && this.value != "") { this.arr.push(value) } } } }) ~~~