Nuxt3全局状态管理、useState和useCookie的使用（五）--粉丝服务平台-粉丝头条-fensifuwu.com

Nuxt3全局状态管理、useState和useCookie的使用（五）

科技 09-03 来源：胖奶奶与胖小伙

在Nuxt2中，如果我们要使用cookie,需要引入插件js-cookie，在Nuxt3中，也不再集成Vuex，可以利用Nuxt3的composables自动导入属性，把它们定义在composables目录中，这样他们将成为全局类型安全的状态。

一、useState使用

首先我们需要在项目的根目录新建composables文件夹，然后创建状态管理文件如：composables/state.ts.

//首先引入useState、useCookie
import { useState, useCookie } from "nuxt/app";

export const useInfo = () => useState("userData",() => {
    return {
        id: 1,
        name: '用户1'
    }
})

// token
export const useToken = () => useState("token",()=> "aaadd232cfdfdf23fdf")

如何获取修改 state 值

二、useCookie使用