什么是 vue-session
vue-session 是一个基于 sessionStorage 实现的轻量级会话管理插件，使用起来非常简单且方便。
如何使用
安装
你可以通过 npm 进行安装
npm install vue-session
引入
你可以全局引入或在组件中引入
全局引入
在 main.js 中引入 vue-session 并且使用 Vue.use() 安装它
import Vue from 'vue' import VueSession from 'vue-session' Vue.use(VueSession)
组件中引入
如果你只想在一个或一部分组件中引入 vue-session，可以像这样引入：
-- -------------------- ---- -------
------ ---------- ---- -------------
------ ------- -
----------- -
---
--
------ ------------
---
-使用
初始化
this.$session.start()
设置值
this.$session.set('key', value)获取值
this.$session.get('key')删除值
this.$session.remove(key)
清空
this.$session.clear()
示例代码
-- -------------------- ---- -------
----------
-----
------- -------------------------
------- -----------------------------
--------------------------------
------
-----------
--------
------ ------- -
---- -- -
------ --
--
-------- -
--- -- -
----- ----- - -------------------------- -- -
-------------------------- ----- - --
--
----- -- -
---------------------
-
-
-
---------结语
vue-session 使用简单，精简而又实用，是一个不错的 sessionStorage 管理插件，它可以提高我们的开发效率，让我们的代码更加简洁易懂。建议开发者们可以多加尝试使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005736581e8991b448e9636