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

Question

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

当我只需要保存用户的名字时，我没有错误，但是，然后，我添加了一个'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');

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