vue(localStorage本地缓存具体使用方法)vue.local.storage用法

vue localStorage本地缓存具体使用方法

(注意:上图为大体框图结构,详情见下文)

1.在vue项目中,创建一个名为storage.js的file
vue localStorage本地缓存具体使用方法
2.在上述创建file中编写如下图代码

vue localStorage本地缓存具体使用方法

3.在vue项目main.js文件中编写如图代码

vue localStorage本地缓存具体使用方法

4.在某一需要本地缓存数据的页面编写如下图代码

  • (注:template标签中内容)

vue localStorage本地缓存具体使用方法

  • (注:scrpit标签中内容)

vue localStorage本地缓存具体使用方法

  • (注1:在data中定义数据)

vue localStorage本地缓存具体使用方法

  • (注2:在methods中定义设置,控制台打印以及移除数据函数/方法)

5.在某一另外需要获取本地缓存数据的页面编写如下代码段

  • (注:template标签中内容)

vue localStorage本地缓存具体使用方法

  • (注:scrpit标签中内容)

vue localStorage本地缓存具体使用方法(注解:上述本地缓存的数据为userInfo.userName)

相关文章:

  • 2022-12-23
  • 2021-12-24
  • 2022-03-01
  • 2022-12-23
  • 2022-01-21
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-10-28
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-10-30
  • 2022-12-23
相关资源
相似解决方案