Hami-Vuex 是一个 Vue 状态治理的库，基于 Vuex 实现，提供了更「香甜」的应用形式，所以叫做哈密瓜味的 Vuex！

次要特点：

  • 基于 Vuex 构建，可与 Vuex 3 & 4 兼容和混合应用
  • 兼容 Vue 2 和 Vue 3，低学习老本，无迁徙压力
  • 易于编写模块化的业务代码，Store 文件不再臃肿
  • 齐全的 TypeScript 反对，代码提醒很敌对
  • 相似 Pinia 的用法（可能还更简略）
  • 单元测试 Line Coverage: 100%

举个简略的例子，体验一下：

const counterStore = hamiVuex.store({    // 设置一个惟一名称，不便调试程序和显示错误信息    $name: 'counter',    // 定义状态    $state: {        count: 0,    },    // 定义一个 getter，和 Vue computed 相似    get double() {        return this.count * 2    },    // 定义一个函数，等价于 Vuex action    increment() {        // $patch 是内置的 Vuex mutation，用于更新状态        this.$patch({            count: this.count + 1        })    },})// 在 Vue 组件中应用console.log(counterStore.count)console.log(counterStore.increment())console.log(counterStore.double)

开源地址：

GitHub：https://github.com/guyskk/hami-vuex

具体文档及设计思路都在 GitHub 仓库中，欢送品味！
好用的话求 Star 哇！

本文由 Guyskk的博客 公布，欢送分割和交换！