>[warning]技术要点,模板写在js中 子组件使用props属性接收父组件传递的参数 eg: ~~~ props:['item'] ~~~ ~~~ <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> ~~~ ~~~ Vue.component('todo-item', { props:['item'], template: "<div>{{item}}</div>" }) var app = new Vue({ el: "#app", data: { arr: [], value: '' }, methods: { handleClick: function () { var value = this.value; if (!this.arr.includes(value) && this.value != "") { this.arr.push(value) } } } }) ~~~