当前位置: 首页 > Web前端 > vue.js

Hami-Vuex是开源的,哈密瓜味的Vuex!

时间:2023-03-31 20:52:40 vue.js

Hami-Vuex是一个Vue状态管理库,基于Vuex实现,提供了更加“甜蜜”的使用方式,因此被称为哈密风味的Vuex!主要特点:基于Vuex构建,与Vuex3&4兼容混合兼容Vue2和Vue3,学习成本低,无迁移压力易于编写模块化业务代码,存储文件不再臃肿完整的TypeScript支持,代码提示很友好,类似于Pinia(可能更简单)单元测试LineCoverage:100%举个简单的例子,试试看:constcounterStore=hamiVuex.store({//设置一个唯一的名字,方便调试和展示errorsInformation$name:'counter',//定义状态$state:{count:0,},//定义一个getter,类似于Vuecomputedgetdouble(){returnthis.count*2},//定义一个function,等同于Vuexactionincrement(){//$patch是Vuex内置的更新状态的mutationthis.$patch({count:this.count+1})},})//在Vue组件控制台中使用.log(counterStore.count)console.log(counterStore.increment())console.log(counterStore.double)开源地址:GitHub:https://github.com/guyskk/hami-vuex详细文档和设计思路在GitHub仓库,欢迎品尝!求Star有用吗!本文由Guyskk博客发布,欢迎联系交流!