Skip to content

Latest commit

 

History

History
39 lines (18 loc) · 1.83 KB

TodoList-Review.md

File metadata and controls

39 lines (18 loc) · 1.83 KB

TodoList项目反思

2024.7.30

主要感受

这次是第一次制作vue的小项目,抛弃了完美主义开始动手,边学边动手,不会做了就现场查或者现场问,感觉收获还是很大的,就是接触了先做再学、边学边做的思想。

然后,仓鼠老师脱离键盘畅玩快捷键是真的厉害,嗯,最后的bug也是仓鼠老师亲自跑来解决的。

其实对于选项式的vue有了大致的了解,像什么data,method,computed,watch,以及传统的html写法,对函数的调用啥的,都还行。就是最后改bug的时候还是发现了一点点小问题(就是这些bug让我最后两天很痛苦,改了很久都没改对,反而是老师一来半小时就解决了)

最后时段改的bug

  • computed里的是计算属性,不是方法,不能作为函数调用
  • 如果一定要用computed里的来调用,可以设置一个状态,在computed里面给showing这个变量赋值,然后利用swicth case这个函数对有穷情况的状态进行讨论,分状态实现
  • 使用checkbox这个类型的时候,要把check的值和数组里的某一个对象的性质绑定,不然很可能读不到,具体的写法是: :checked="thing.done"

一些未解决的小问题

  • 为什么computed里使用一个swicth的计算,里面嵌套了别的计算方法就不能实现了,必须原模原样写进去,不能封装,感觉很臃肿

自己解决的问题

  • 写好了静态页面,搭好连基本的框架,除了最后的筛选页面,其他都是自己解决的
  • v-for类似于一个循环,设置一个变量在in后面那个数组里循环,比如,<li v-for="thing in currentTodoList" :key="thing.id">
  • 划分合适的组件
  • 点击事件@click=“*要做的事件或者切换的状态”
  • 过滤函数的写法,他的筛选原则