一、使用的方法和组件:
JSON.parse() 转化JSON格式
window.localStorage.getItem('item' || ‘[]’) 获取item的值如果没有就[]
window.localStorage.setItem() 设置值进入存储
json.stringify(value) 将值转化为String
watch:{} 监视
depp:true, 深度监视
handler 传递消息
二、实例代码
data () {
return {
todoList: JSON.parse(window.localStorage.getItem('todo_key') ||'[]')
}
},
watch: { todoList: { deep: true, handler: function (value) {
window.localStorage.setItem('todo_key', JSON.stringify(value)) }
}},
三、demo实现效果:
3.1刷新前
3.2刷星后