39 TodoList本地存储
学完了本地存储，可以完善到TodoList案例中，避免页面刷新丢失数据
那么什么时候触发呢？应该使用watch,只要todos里面的数据发生改变就进行操作
并且初始化的todos列表应该从localStorage里面获取
为了防止报错，应该在这里加入一个条件
应该使用深度监视
Vue(Vue2+Vue3)——39.TodoList本地存储TodoList本地存储
2023-06-20
67
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
Vue(Vue2+Vue3)——39.TodoList本地存储TodoList本地存储
目录
相关文章
|
2天前
|
JavaScript
|
1天前
|
存储
缓存
JavaScript
vue代码优化方案
【7月更文挑战第13天】 **Vue.js 优化要点：** 分解大组件以提高复用性和加载速度；利用计算属性与侦听器优化数据处理；使用Object.freeze()减少响应式数据；借助Vuex或Composition API管理状态；实现虚拟滚动和无限加载提升长列表性能；路由懒加载减少初始加载时间；用Vue DevTools检测性能瓶颈；定期代码审查与重构；应用缓存策略；遵循最佳实践与团队规范，提升应用整体质量。
10
2
2
|
4天前
【vue3】Argumnt of type ‘history:RouterHistory；}is not assignable to paraeter of type ‘RouterOptions‘.
【vue3】Argumnt of type ‘history:RouterHistory；}is not assignable to paraeter of type ‘RouterOptions‘.
6
0
0
|
4天前
|
JavaScript
|
4天前
|
编解码
前端开发
|
JavaScript
|
4天前
|
JavaScript
【vue】el-dialog 内的tinymce弹窗被遮挡的解决办法 及 tinymce打开弹出菜单后直接关闭对话组件，导致该弹出菜单残留
【vue】el-dialog 内的tinymce弹窗被遮挡的解决办法 及 tinymce打开弹出菜单后直接关闭对话组件，导致该弹出菜单残留
14
6
6
|
4天前
|
JavaScript
前端开发
|
4天前
|
JavaScript
|
4天前
|
JavaScript
定位技术
热门文章
最新文章
1
VUE的ajax拦截器
2
qian‘kun微服务配置vue3.2+ts+vite子应用教程
3
vue3-ts-vite：vue 项目 配置 多页面应用
4
Vue element ui 中 select 下拉框不回显
5
Vue 父子组件间的通信
6
招聘求职系统|基于Springboot+Vue+Nodejs实现求职招聘系统（一）
7
vue如何调用data双重数组的数据(双重for循环)
8
Vue
9
Vue：静态资源的路径问题
10
vue父子组件的生命周期
1
使用Vue.js构建交互式前端的技术探索
47
2
ruoyi-nbcio-plus基于vue3的flowable为了适配文件上传改造VForm3的代码记录
96
3
vue2升级到vue3的一些使用注意事项记录(四）
71
4
ruoyi-nbcio-plus基于vue3的flowable收回任务后重新进行提交表单的处理
65
5
ruoyi-nbcio-plus基于vue3的flowable多租户机制
53
6
ruoyi-nbcio-plus基于vue3的flowable的消息中心我的消息的升级修改
54
7
vue3中使用动态组件
56
8
Vue 3 中 ＜transition-group＞ 组件报错的非 props 属性传递问题
71
9
ruoyi-nbcio-plus基于vue3的flowable的自定义业务显示历史信息组件的升级修改
40
10
ruoyi-nbcio-plus基于vue3的flowable的支持自定义业务流程处理页面detail.vue的升级修改
59