@wox/vuex

wox插件之vuex状态管理支持。但是我们使用来比较方便使用的super-vuex来支持,保障开发效率。

super-vuex

一套用于简化Vuex的数据架构,使开发者能够摈弃繁琐的书写,减少代码量,便于维护。此框架主要解决的问题是我们在日常开发中Vuex被诟病的书写和理念,基本使开发者只需关心数据的定义即可,对于对象和数组的操作能够通过this.$store[${namespace}][$action]的模式快速调用。

它的核心主要是两部分:

  1. SuperVuex 核心,用于创建实例。
  2. 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

app.Storage是一个存储对象,它必须具备以下特性:

  • 必须具备async set(key, value)方法
  • 必须具备async get(key, value)方法

具体如何定义,随开发者习惯。