vue3数据本地存储

在Vue 3中，你可以使用浏览器提供的本地存储机制来存储数据。常用的本地存储方式包括localStorage和sessionStorage。

localStorage是一种持久化的本地存储方式，存储的数据会一直保存在浏览器中，直到被手动清除或过期。你可以使用`localStorage.setItem(key, value)`方法来存储数据，使用`localStorage.getItem(key)`方法来获取数据，使用`localStorage.removeItem(key)`方法来删除指定的数据。

sessionStorage是一种会话级别的本地存储方式，存储的数据会在浏览器会话结束后被清除。你可以使用`sessionStorage.setItem(key, value)`方法来存储数据，使用`sessionStorage.getItem(key)`方法来获取数据，使用`sessionStorage.removeItem(key)`方法来删除指定的数据。

在Vue 3中，你可以在组件的生命周期钩子函数中使用这些方法来实现数据的本地存储。例如，在created钩子函数中可以使用`localStorage.setItem(key, value)`方法来存储数据，mounted钩子函数中可以使用`localStorage.getItem(key)`方法来获取数据。

需要注意的是，localStorage和sessionStorage只能存储字符串类型的数据，如果需要存储对象，可以使用JSON.stringify()方法将对象序列化为字符串进行存储，使用JSON.parse()方法将字符串反序列化为对象进行读取。

另外，如果你想在Vue组件之间共享数据，也可以考虑使用Vuex状态管理库或Vue的provide/inject特性来实现。