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

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 哇!

返回

留言 - GitHub Issues | 订阅 - RSS源 |联系 - 关于我