# hmsx

**Repository Path**: hiharmonica/hmsx

## Basic Information

- **Project Name**: hmsx
- **Description**: 移植vuex到鸿蒙中，以第三方插件形式对JSUI数据进行全局的状态管理
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2021-04-23
- **Last Updated**: 2022-09-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# hmsx

#### 介绍
移植vuex到鸿蒙中，以第三方插件形式对JSUI数据进行状态管理。使用方式和vuex的基本保持一致

#### 软件架构
在探索鸿蒙开发过程中发现鸿蒙的app.js的data会下发到其子页面中，故app.js的data可全局使用，这给我们使用全局的状态管理创建了基础。
替换过程中，遵从将state挂载到mvvm模式的data下。

    `this.$app.$data===this.$app.$store._vm.$data`

#### 安装教程

1.  暂不支持npm等方式下载安装，仅限下载js文件后require引入js

#### 使用说明

具体用法可参考demo下的工程。
1.  下载hmsx.js
2.  app.js 中引入 Store 及初始化方法install

    ![输入图片说明](https://images.gitee.com/uploads/images/2021/0423/124347_71a854a3_8469063.png "屏幕截图.png")
3.  在app.js的onCreate中使用install方法进行初始化

![输入图片说明](https://images.gitee.com/uploads/images/2021/0423/124027_646c6b65_8469063.png "屏幕截图.png")

4.  state、getter、mutation、action等操作与vuex相似，改动为`this.$store` 改为 `this.$app.$store`
    ![输入图片说明](https://images.gitee.com/uploads/images/2021/0423/124125_41f8752d_8469063.png "屏幕截图.png")
5. [移步参考vuex](https://vuex.vuejs.org/zh/guide/state.html)

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request