以下是一个简单的示例,展示如何使用Vue.js的本地存储:
1.在Vue组件中引入localStorage:
import localStorage from 'localStorage'
以下是一个简单的示例,展示如何使用Vue.js的本地存储:
1.在Vue组件中引入localStorage:
import localStorage from 'localStorage'
2.在Vue组件中使用localStorage:
// 存储数据 localStorage.setItem('key', 'value'); // 获取数据 const value = localStorage.getItem('key'); // 删除数据 localStorage.removeItem('key');
3.定义一个对象,并使用localStorage存储该对象:
const obj = { name: '张三', age: 20, sex: 'male', }; localStorage.setItem('myObj', JSON.stringify(obj)); const myObj = JSON.parse(localStorage.getItem('myObj'));
以上代码中,我们使用了JSON.stringify()和JSON.parse()将JavaScript对象转换为字符串并从字符串中解析出JavaScript对象。
注意,localStorage存储的数据必须是字符串,如果我们要存储JavaScript对象,则需要进行字符串化处理。另外,localStorage存储的数据大小有限制,最大可以存储5-10MB的数据,根据浏览器的不同而异。