先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