vue怎么获取local

百变鹏仔 3个月前 (09-25) #VUE

文章标签 vue

在 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 中。

文章推荐