# gaea-vuex-module

> 封装vuex事件流

Latest version **0.2.5** (published 2020-02-13) · ISC license · 0 weekly downloads

## Install

```sh
npm install gaea-vuex-module
pnpm add gaea-vuex-module
yarn add gaea-vuex-module
bun add gaea-vuex-module
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.2.5 |
| Published | 2020-02-13 |
| First published | 2020-02-13 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 13.2 KB |
| Known vulnerabilities | 0 (+26 in 2 direct dependencies) |
| Install scripts | no |
| Author | stephen |
| Maintainers | enci33 |

## Links

- npm: https://www.npmjs.com/package/gaea-vuex-module
- npm.io page: https://npm.io/package/gaea-vuex-module

## Dependencies (4)

- [vue](https://npm.io/package/vue.md) ^2.6.10
- [vuex](https://npm.io/package/vuex.md) ^3.1.1
- [axios](https://npm.io/package/axios.md) ^0.19.0
- [element-ui](https://npm.io/package/element-ui.md) ^2.10.1

## Recent versions

- 0.2.5 (latest) — 2020-02-13

## README

## 更新日志

使用方法：

```
// 安装
npm i gaea-vuex-module
// 使用，需要写在.vue文件的钩子函数中，可以放在created()中，为了避免created重复处罚导致添加多个实例,
可以将vuexModule赋值给一个state变量，通过判断是否存在来判断是否已经创建了vuexModule。

import vuexModule from 'gaea-vuex-module'
vuexModule({
      url: '', // 请求路径，完整得地址,
      method: 'get', // 请求方法，默认get
      name: 'getJsonTest', // action名
      gettersName: '', // getters名(可选，不填默认取name)
      handleData: data => { return xxx }, 处理函数（可选，不填默认返回data）
      vue: this // vue实例，写在钩子函数里面
   })
   
// 调用
this.$store.dispatch('getJsonTest').then()
//页面获取数据
import { mapGetters } from 'vuex'
computed: {
    ...mapGetters([
        gettersName
    ])
}
<div>用户名：</div>
<div>gettersName.name</div>
```

### 0.0.9


### 0.0.8
添加force参数，可选，为true时会在注册前先卸载，用来修复vue-cli热更新时报duplicate key的错误

### 0.0.5
添加handleData函数，参数为返回的值，可以对值进行处理，然后return
```$xslt
vuexModule({
      url: '', // 请求路径，完整得地址,
      method: 'get', // 请求方法，默认get
      name: 'getJsonTest', // action名
      gettersName: '', // getters名(可选，不填默认取name)
      handleData: (res) => {
        return res => res.data
      }
      vue: this // vue实例，写在钩子函数里面
   })
```


### 0.0.3


```$xslt
// 安装
npm i gaea-vuex-module
// 使用，需要写在.vue文件的钩子函数中，可以放在created()中
import vuexModule from 'gaea-vuex-module'
vuexModule({
      url: '', // 请求路径，完整得地址,
      method: 'get', // 请求方法，默认get
      name: 'getJsonTest', // action名
      gettersName: '', // getters名(可选，不填默认取name)
      vue: this // vue实例，写在钩子函数里面
   })
   
// 调用
this.$store.dispatch('getJsonTest').then()
//页面获取数据
import { mapGetters } from 'vuex'
computed: {
    ...mapGetters([
        gettersName
    ])
}
<div>用户名：</div>
<div>gettersName.name</div>
```

### 0.0.1

初始化

---
_Source: https://npm.io/package/gaea-vuex-module · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
