@wox/vuex
wox插件之vuex状态管理支持。但是我们使用来比较方便使用的super-vuex来支持,保障开发效率。
super-vuex
一套用于简化Vuex
的数据架构,使开发者能够摈弃繁琐的书写,减少代码量,便于维护。此框架主要解决的问题是我们在日常开发中Vuex
被诟病的书写和理念,基本使开发者只需关心数据的定义即可,对于对象和数组的操作能够通过this.$store[${namespace}][$action]
的模式快速调用。
它的核心主要是两部分:
- SuperVuex 核心,用于创建实例。
- ChildVuex 模块,用于对单独的业务逻辑进行模块化。
SuperVuex
也是继承自ChildVuex
,所以它也具备ChildVuex
的所有方法与属性。
安装插件
在我们进入到我们的项目后,使用cli wox:setup <module> [-r <registry>]
命令来安装。
cli wox:setup @wox/vuex
1
创建文件
cli wox:store <path/file>
1
使用storage持久存储
import { ChildVuex } from 'super-vuex';
export default app => {
const child = new ChildVuex('Vix', app.Storage);
child.setState({
value: 'Hello world!'
});
return child;
}
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
app.Storage
是一个存储对象,它必须具备以下特性:
- 必须具备
async set(key, value)
方法 - 必须具备
async get(key, value)
方法
具体如何定义,随开发者习惯。