本文介绍了如何使用Vue.js构建一个功能完善的ToDoList应用，包括添加待办事项（支持回车提交）、显示有序列表、删除和修改功能。应用分为app.vue、TodoList.vue和TodolistItem.vue三个组件，通过组件化实现功能。修改时，单击事项可自动获取焦点，方便快捷。
重新学习vue，将实例中的ToDoList做了些调整。增加了些功能
功能：
1、添加要做事项，支持回车完成添加，也可以点击按钮添加，添加后input清空
2、待做事项，是一个有序列表
3、列表可以删除，修改
4、修改时，单击一次，input自动获取焦点，进行修改，回车或者点击其他区域完成修改。
效果如图：
文件3个，分别是app.vue、TodoList.vue、TodolistItem.vue，见下图。
话不多说，代码见下图：
Todolist.vue的html部分
<template>
<div class="todo-block">
<div class="input-todolist-content">
最低0.47元/天 解锁文章
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
