实现功能:
- 显示今日时间;
- 可以添加待办事件;
- 可以对已完成事件进行勾选删除并加入到已完成区域
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200708215510313.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lqajUxMDgxODE1NQ==,size_16,color_FFFFFF,t_70)
代码实现:
DOM:
<div id="app">
<p style="color: rgb(103, 78, 173);font-size: 18px;text-align: end;width: 220px;">{
{date}}</p>
<input type="text" v-model="inputValue" @keyup.enter="handleBtnClick"/>
<button @cl