一般项目里面，做个状态就可以了，如果需要初始状态的话，设置一下就好。
如果使用indexedDB的话，简单封装一下即可。

而我这个项目有点特殊，需要从加载 json文件 然后 存入 indexedDB，再存入状态，然后还需要从webSQL加载数据，然后存入indexedDB和state。

这些要在初始化里面完成，这就需要设置好先后顺序和调用方法。

一开始模仿 vuex 的方式，做插件，设置初始状态，简单的情况还可以，但是涉及到多方关联，就有点乱了。

一开始倒是也实现了，但是扩展的时候就懵了，因为自己都看不懂前几天写的代码了。

那么重构吧。

放弃插件的方式

既然不需要使用 provide / inject 了，那么也就没有必要使用插件的形式，那么只需要在 main.js 里面加载相关的代码，然后关联起来即可。这样灵活度更好，也更好控制先后顺序。

controller 设置一个“调度”居中调节

把每个功能点都单独拿出来做成函数，然后在 controller 里面统一调度，这样就不容易乱了。

单一职责

这是一个老生常谈的问题，简单的时候可以把数据库的设置和初始数据的设置做在一起，但是复杂的时候，就需要分离出来了。

数据库的部分，只负责建立相关的表（对象仓库），设置好了之后通知调度即可，这样代码就不会混在一起，也不会越扩展代码越多了。

而且多个库的时候，也方便确定先后顺序。