vue TodoList 使用本地储存进行修改

之前做的TodoList当页面刷新会导致数据丢失

那什么时候进行数据的存储？如果对每个可以修改数据的控件进行编写逻辑显然,太麻烦

所以只要当todos改变了就重新存储一份localS0torage因为相同的key会被覆盖

读取数据直接写在data属性后即可

修改一般写在监视中

深度监视问题由于会todos属性中为一个对象集所以需要深度监视

 

但是会发现不完善,如果一开始没数据

localStorage读出来的就是null然后JSON.parse后还是null,所以此时todos就为null了

然后由于props把todos传给了footer而footer中用到了length 而null没有length就报错了

 

 

 解决方法由于当为null时表示的为false,所以用一个或就能解决