vue3项目中cookies

在Vue 3项目中处理cookies，可以使用第三方库vue-cookie-next。以下是使用该库的步骤：

1. 首先，安装vue-cookie-next库。可以通过npm或yarn来安装：

   npm install vue-cookie-next

或者

   yarn add vue-cookie-next

2. 在main.js文件中，引入vue-cookie-next并将其作为Vue应用的插件：

   import { createApp } from 'vue'
   import App from './App.vue'
   import { createCookie } from 'vue-cookie-next'

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

3. 现在，你可以在Vue组件中使用this.\$cookie来访问和操作cookies。例如，可以使用this.\$cookie.set()方法来设置一个cookie：

   this.$cookie.set('name', 'value', { expires: 7 }) // 设置一个名为name的cookie，值为value，过期时间为7天

4. 同样地，可以使用this.\$cookie.get()方法来获取cookie值：

   const value = this.$cookie.get('name') // 获取名为name的cookie的值

5. 如果需要删除一个cookie，可以使用this.\$cookie.remove()方法：

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