Vuex+Typescript冲突解决

概述

由于vuex对于typescript的支持不太友好，其中会遇到一系列的问题，但是也可以利用一些方法进行解决，虽然现在pinia支持更好，但是了解这些解决方式也可以更好的理解它为什么不友好，也可以方便之后避免与解决。所以本篇用来归纳vuex+ts的冲突，因为目前还在学，后续不定时补充

---

1.子模块的状态类型限制

如下结构，store仓库下有个子模块login，内部有着和根模块一样的类型文件和导出文件

对于项目需要用到多模块时，通过store可以来获取根模块的state类型，而当需要用到子模块时，往往需要导入子模块的state类型再传入使用，如下

由图可见，这个时候虽然可以获取到模块state的类型，但并不优雅，因为如果同时需要用到根模块或者其他子模块