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

vue（localStorage本地缓存具体使用方法）vue.local.storage用法

（注意：上图为大体框图结构，详情见下文）

1.在vue项目中，创建一个名为storage.js的file

2.在上述创建file中编写如下图代码

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

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

• (注：template标签中内容）

• （注:scrpit标签中内容)

• （注1：在data中定义数据）

• （注2：在methods中定义设置，控制台打印以及移除数据函数/方法）

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

• （注：template标签中内容）

• （注:scrpit标签中内容）

（注解：上述本地缓存的数据为userInfo.userName）