（二）vuex 使用 Ts推断类型

# vuex 使用 Ts推断类型

在使用 vue3 开发项目过程中会使用到状态管理，在 vue3 中官方推荐使用 pinia 作为状态管理工具，pinia 很好的支持了 ts 所以直接安装就可以使用，但是 vuex 要使用 ts 进行类型推断的话就需要进行一些配置

# 💕1.项目安装 vuex @4.0

# 😋2.配置 vuex

• 1.在 src 文件夹下面常见 store 文件夹
• 2.创建 store 入口文件

import { createStore } from "vuex"

export const store = createStore({
    state: () => {},
    mutations: {},
    actions: {},
    getters: {},
    modules: {}
})

• 3.在 main.ts 注册 store

import { createApp } from "vue";
import App from "./App.vue";
import { store } from './store.index'


const app = createApp(App);
// 把state 添加到实例当中
app.use(store);

app.mount("#app");

# ❤‍🔥3.做好了以上准备就可以开始配置 ts 进行类型推断了

• 1.先按照官方的配置方法配置一个

# 💭4.以上是官方的配置方法

• 但是官方的配置方法并没有如何配置模块的示例代码，接下来怪兽给大家配置一个模块化的示例代码
• 先创建一个 vuex 的模块，模块具体创建方法：vuex模块化创建步骤open in new window
• store.ts