gaea-vuex-module
v0.2.5
Published
封装vuex事件流
Downloads
1
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
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
初始化