Vue实现todoList（任务计划列表）

大致功能：

    1、在输入框中输入内容后按enter键，即可把内容添加到下面的列表中（如果内容为空则不添加）

    2、动态计算有几个未完成的任务

    3、点击复选框，实现选中或不选中效果（即完成或未完成）

    4、鼠标移入列表，会出现一个删除按钮，点击删除按钮即可删除该列表

    5、双击列表中的内容，可对列表内容进行编辑

        编辑完成后，按enter键完成编辑，或者当输入框失去焦点的时候也是完成编辑

        如果想要取消修改，按esc键即可取消编辑

    6、单击上面的所有任务、未完成任务、已完成任务，三个按钮可以切换任务列表

    7、已经添加的列表任务，即便关闭浏览器或者电脑，下次打开任务还在列表中（用到了本地存储）

未添加任务的效果图：

未添加任务的效果图

添加了任务的效果图：

添加了任务的效果图

组件代码如下：