vue实现实现todolist功能、功能、todolist组件拆分及 主要介绍了vue实现todolist功能、todolist组件拆分及todolist的删除功能,需要的朋友可以参考下 组件拆分及todolist的删除功能 的删除功能 •简单简单todolist功能的实现 功能的实现 用户点击提交按钮时，将input框的内容显示在下方的list中，同时清空list中内容。 “input”输入框和“inputValue”数据双向绑定 通过click事件，来讲"inputValue"中的内容添加到"list"中 向列表中添加数据用 push( ) this.list.pust(this.inputValue) 每次添加"list"后，把input内容清空 •todolist组件拆分 组件拆分 1. Vue.component是全局组件，是vue提供的创建组件的方法。里面可以写模板：template 2. 创建组件之后，可以直接使用。比如创建的组件名字是'todo-item'，就可以使用 3. 4.局部组件var TodoItem={}这里只写了部分代码 5. div id="root">