0.2.5 • Published 4 years ago

gaea-vuex-module v0.2.5

Weekly downloads
1
License
ISC
Repository
-
Last release
4 years ago

更新日志

使用方法:

// 安装
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

vuexModule({
      url: '', // 请求路径,完整得地址,
      method: 'get', // 请求方法,默认get
      name: 'getJsonTest', // action名
      gettersName: '', // getters名(可选,不填默认取name)
      handleData: (res) => {
        return res => res.data
      }
      vue: this // vue实例,写在钩子函数里面
   })

0.0.3

// 安装
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

初始化