vue 使用typescript配置vuex

最新推荐文章于 2024-05-28 09:31:54 发布

weixin_42553179

最新推荐文章于 2024-05-28 09:31:54 发布

阅读量301

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/weixin_42553179/article/details/104062093

版权

本文将介绍如何在Vue项目中结合TypeScript来配置和使用Vuex状态管理库，通过类型安全提升代码质量，详细阐述安装过程、store模块定义、action、mutation和getter的类型声明以及组件中如何注入和使用Vuex。

摘要由CSDN通过智能技术生成

import Vue from "vue";
import Vuex from "vuex";
import createPersistedState from 'vuex-persistedstate'
// @ts-ignore
import * as Cookies from 'js-cookie'
import user from './modules/user'
import order from './modules/order'
import addressType from './modules/address'

Vue.use(Vuex);


interface State {
   
    user: typeof user.state;
    order: typeof order.state;
    addressType: typeof addressType.state;
}

export type ReturnGetters<T extends {
    [key: string]: (...args: any) => any <