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