vue-cookies常用操作
1. 简介
cookies在前端开发项目中是常用的功能之一,几乎所有的浏览器都支持原生的cookies,并且后端接口可以直接写入cookies,这点相对于localStore来说算个小优势,而在大多数情况下项目开发会选择vue框架,因为vue框架开发效率高,也更易于后期的升级迭代和维护。vue-cookies就是为vue框架打造的一款操作cookies的工具。
2. 安装
- 在终端中执行如下命令
$ npm install vue-cookies --save
此命令会将vue-cookies的文件包保存到正在开发项目的node_models目录下面
3. 引入
- 在项目文件中的main.js中设置
// vue-cookies配置
import cookies from 'vue-cookies';
// vue2中的设置方式
Vue.prototype.$cookies = cookies;
// vue3中的设置方式
app.config.globalProperties.$cookies=cookies;
4. 使用
- 设置cookies
this.$cookies.set(keyName, value[, expireTimes[, path[, domain[, secure]]]]) //return this
// 简洁使用
this.$cookies.set('key','value', '过期时间,按秒计');
// 示例
this.$cookies.set('username',response.data.username, '7d');
- 获取cookies
this.$cookies.get(keyName) // return value
- 删除cookies
this.$cookies.remove("key");
- 判断cookies中是否有指定的key
this.$cookies.isKey(keyName)
- 获取所有的cookies
this.$cookies.keys()