原生js
// 假设 arr 是一个数组
const arr = [1, 2, 3];
// 将数组转换成 JSON 字符串
const arrJson = JSON.stringify(arr);
// 将 JSON 字符串保存到 localStorage 中
localStorage.setItem('myArray', arrJson);
// 从 localStorage 中读取 JSON 字符串
const storedArrJson = localStorage.getItem('myArray');
// 将 JSON 字符串转换成数组
const storedArr = JSON.parse(storedArrJson);
Vue.js
new Vue({
el: "#app",
data: {
todos: []
},
mounted() {
// 获取本地存储的todos
const todos = JSON.parse(localStorage.getItem("todos"));
if (todos) {
this.todos = todos;
}
},
watch: {
// 监听todos的变化
todos: {
handler() {
// 将todos保存到本地存储中
localStorage.setItem("todos", JSON.stringify(this.todos));
},
deep: true
}
}
});
若不使用JSON对象进行处理，则保存到本地的只是"[Object object]"这个字符串
