2024年2月26日发(作者：)

nuxt3 usecookie的用法

nuxt3的usecookie方法是用来设置和读取cookie的。通过usecookie可以在nuxt3应用中方便地获取和设置cookie。通常情况下，我们使用 usecookie 来保存用户的登录状态和某些用户偏好设置等信息。

usecookie 方法需要在 nuxt3 的 context 中使用，可以通过

context.$useCookie 来获取该方法。在使用 usecookie 时，我们需要传入三个参数：cookie 的名称、cookie 的值和 cookie 的过期时间。例如：

context.$('username', 'johndoe', { expires:

7 });

这个例子中，我们设置了一个名为 username 的 cookie，值为

johndoe，过期时间为 7 天。通过 usecookie 的 get 方法，我们可以获取 cookie 的值，例如：

const username = context.$('username');

这样就可以获得之前设置的 username 的值了。当然，如果

cookie 已经过期或者不存在，get 方法会返回 null。

除了 set 和 get 方法外，usecookie 还提供了 del 方法，用于删除某个 cookie。例如：

context.$('username');

这个例子中，我们删除了之前设置的 username cookie。

总之，通过 nuxt3 的 usecookie 方法，我们可以轻松地读取和 - 1 -

设置 cookie，这对于我们保存用户状态和偏好设置等信息非常有用。

- 2 -