vue3+cookies

Vue3中使用cookies需要先安装vue-cookies插件，可以通过npm install vue-cookies命令进行安装。安装完成后，在main.js中进行全局设置即可使用。具体代码如下：

1.安装vue-cookies插件

npm install vue-cookies

2.在main.js中进行全局设置

import { createApp } from 'vue'
import App from './App.vue'
import VueCookies from 'vue-cookies'

const app = createApp(App)
app.use(VueCookies)
app.mount('#app')

3.设置cookies

this.$cookies.set('name', 'value', '1d') // 设置名为name，值为value，过期时间为1天的cookies

4.获取cookies

this.$cookies.get('name') // 获取名为name的cookies的值

5.删除cookies

this.$cookies.remove('name') // 删除名为name的cookies

6.清空cookies

this.$cookies.keys().forEach(key => this.$cookies.remove(key)) // 清空所有cookies