如何用Vue实现并 todolist 组件，实现增删改功能？

本文共计1073个文字，预计阅读时间需要5分钟。

简单实现一个功能性的待办事项列表：

+ 使用用户点击提交按钮时，将input框的内容显示在下方列表中，同时清空list中的内容。+ HTML结构如下：

{{ item }}

+ Vue.js脚本如下：

javascriptnew Vue({ el: '#root', data: { inputValue: '', list: [] }, methods: { submit() { if (this.inputValue.trim() !=='') { this.list.push(this.inputValue); this.inputValue=''; } } }});

•简单todolist功能的实现

用户点击提交按钮时，将input框的内容显示在下方的list中，同时清空list中内容。