Nuxt 3 笔记：Cookie

[cssmagic]

方法

useCookie() 是一个 SSR 友好的读写 cookie 的方法。只在 setup 阶段和生命周期钩子中可用。

const counter = useCookie('counter')

得到的 counter 是一个 ref，赋值需要用 counter.value = 1 的形式。

在默认情况下（watch: true），counter 的深层变化会触发 cookie 更新。

而在 watch: shallow 情况下，数组的 push() 操作不触发 cookie 更新（ref 对数组的引用未变），只有对 ref 重新赋值才可以。

这个值会被序列化为 JSON 后写入 cookie。

在 API 路由中读写 cookie

这就是纯服务端行为了，可以使用 https://github.com/unjs/h3 包提供的 getCookie() 和 setCookie() 方法。