vue3 使用vue-cookies

Vue 3 的官方推荐方案是使用 `@vue/cookie` 库来处理 cookie。`@vue/cookie` 是一个专门为 Vue 3 开发的库，提供了方便的接口来操作 cookie。以下是使用 `@vue/cookie` 的步骤：

1. 首先，安装 `@vue/cookie` 包。可以通过 npm 或 yarn 来安装：

npm install @vue/cookie

或者

yarn add @vue/cookie

2. 在项目中导入 `@vue/cookie`：

import { createApp } from 'vue'
import { createCookie } from '@vue/cookie'

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

3. 现在你可以在 Vue 组件中使用 `$cookie` 对象来访问和设置 cookie。例如，在组件中设置一个名为 "token" 的 cookie：

export default {
  mounted() {
    this.$cookie.set('token', 'your_token_value')
  }
}

4. 你也可以通过 `$cookie.get()` 方法来获取 cookie 的值：

export default {
  mounted() {
    const token = this.$cookie.get('token')
    console.log(token)
  }
}

5. 如果你想移除一个 cookie，你可以使用 `$cookie.remove()` 方法：

export default {
  mounted() {
    this.$cookie.remove('token')
  }
}

这就是使用 `@vue/cookie` 在 Vue 3 中处理 cookie 的基本步骤。你可以根据你的需求进一步扩展和使用其他 API 来操作 cookie。希望对你有所帮助！