logo

该视频仅会员有权观看

立即开通课程「Nuxt.js 前端应用开发实践」权限。

¥
199
/ 年

在 Nuxt 应用里记住与恢复登录状态

  • 用户登录成功后,可以将数据存储在浏览器的本地存储空间。
  • 创建了一个文件名为useLocalStore.ts的文件,其包含了一个名为useLocalStorch的函数,该函数有两个参数,类型分别为stringany
  • 函数包含三种操作:设置值时用localStorage.setItem添加数据;值为null时用localStorage.removeItem移除数据;其他情况下读取数据进行处理。
  • 在登录组件中,成功登录后可以使用useLocalStorch来存储当前用户数据到currentUser键下。
  • 应用启动时,通过useLocalStorage读取currentUser并设置状态,以在页面显示当前用户名称。