/Test

Primary LanguageVue

todo

实现功能: 设计一个TODO List,页面结构如下图所示,要求:

1.使用HTML与CSS完成界面开发,可以采用Vue框架

2.实现添加功能:输入框中可输入任意字符,按回车后将输入TODO项添加到下方列表的最后,并清空输入框

3.实现删除功能:点击列表项后面的“X”号,可以删除该项

4.实现搜索模糊匹配:在搜索框中输入字符后,将当前输入字符串与已添加的列表项进行模糊匹配,将匹配到的结果显示在输入框下方。如匹配不到任何列表项,列表显示空

5.实现待做list和已做list,并支持将待做的选中后,添加进已做

6.实现编辑功能

7.实现持久化存储、刷新页面不会丢失

实现效果图: image

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.