Vue localStorage

data() {
            return {
                //由于todos是MyHeader组件和MyFooter组件都在使用,所以放在App中(状态提升)
                todos:JSON.parse(localStorage.getItem('todos')) || []
            }
        },

watch: {
            todos:{
                deep:true,
                handler(value){
                    localStorage.setItem('todos',JSON.stringify(value))
                }
            }
        },
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容