在 Vue 中，你可以使用 localStorage 和 sessionStorage 访问和存储本地数据。它们的使用方式包括：直接使用 localStorage 和 sessionStorage；通过 Vue 实例中提供的 $localStorage 和 $sessionStorage 访问。
如何使用 Vue 获取本地数据
一般用法
在 Vue 中，你可以通过 localStorage 和 sessionStorage 访问和存储本地数据。
使用 localStorage
立即学习“前端免费学习笔记（深入）”；
要使用 localStorage，请使用以下语法：
localStorage.setItem('key', 'value');
const value = localStorage.getItem('key');
localStorage.removeItem('key');使用 sessionStorage
要使用 sessionStorage，请使用以下语法：
sessionStorage.setItem('key', 'value');
const value = sessionStorage.getItem('key');
sessionStorage.removeItem('key');使用 Vue 实例
你也可以直接在 Vue 实例中使用 localStorage 和 sessionStorage：
this.$localStorage.setItem('key', 'value');
const value = this.$localStorage.getItem('key');
this.$localStorage.removeItem('key');具体示例
以下是一个具体示例，演示如何使用 Vue 获取本地存储的用户名：
const app = new Vue({
data() {
return {
username: '',
};
},
created() {
this.username = localStorage.getItem('username');
},
});在这种情况下，当组件被创建时，它会从本地存储中获取 username 并将其存储在 data 中。
