Vue3中cookie的操作方法

先npm下载vue3-cookie组件

npm install vue3-cookies --save

// 或pnpm install vue3-cookies --save

再引入到main.js中

import VueCookies from 'vue3-cookies'
const app = createApp(App)
app.use(VueCookies)
// 添加到vue对象上，可以在全局通过 this.$cookies来调用
app.config.globalProperties.$cookies = VueCookies;
app.mount('#app')

使用方法

注意！设置cookies时，传递的值不能是一个对象，必须将对象转换为字符串(JSON.stringify），但是获取cookies时，返回的是一个对象，可以直接调用对象的属性值。

设置cookie

cookies.set(关键值（keyName），参数值（value），过期时间（expireTimes）)

获取cookie

cookies.get(keyName)

 删除cookie

cookies.remove(keyName)

判断cookie是否存在

cookies.isKey("keyName")

返回的是boolean(true or false) 

如:设置cookie