
Hami-Vuex 是一个 Vue 状态管理的库,基于 Vuex 实现,提供了更「香甜」的使用方式,所以叫做哈密瓜味的 Vuex !
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 哇!
1 Rebron1900 2021-12-19 12:45:36 +08:00 哈哈,忽然刷到你还有点惊讶。 |
2 guyskk0x0 OP @Rebron1900 好久不见 |
3 Kilerd 2021-12-19 16:57:37 +08:00 via iPhone 你跑去写前端了? |