javascript - 我应该如何声明 localStorage 变量以避免引用错误

Question

我发现了“localStorage” this post最近，我使用它来保持用户登录，即使他刷新网页。

当我只需要保存用户名时，我没有错误，但是后来，我添加了一个“grd”变量来保存，然后出现了此错误:

[Vue warn]: Error in created hook: "ReferenceError: grd is not defined"

这是我在页面加载时获取数据的方式:

var name = localStorage.getItem(name);
var grade = localStorage.getItem(grd);
if (name !== null){
  this.user = name;
}
if (grade !== null){
  this.userGrade = grade;
}

这就是我保存数据的方式:

localStorage.setItem(name, '');
localStorage.setItem(grd, '');

我应该更改/添加什么来清除引用错误？

我在这个项目中使用 vue.js

Answer 1

您可以通过向变量 grd 和 name 添加引号来解决引用错误，如下所示:

var name = localStorage.getItem('name');
var grade = localStorage.getItem('grd');

引用是键值，必须作为字符串传递。