问题场景：在优化项目的交互体验时，想实现在左侧表单输入数据，右侧筛选条件组件同步显示输入的功能，第一时间想到使用vuex
由于vuex升级到了4.0，语法发生了较大的变化，首先查询官方文档
看到项目结构引起了我的注意，考虑到后期管理项目能更加便利，使用modules势在必行
在store目录下新建modules文件夹，之后的module文件都放在这个文件夹，具体文件结构如下
然后在根目录下的index.js中导入modules，这里设置namespace是为了避免命名冲突
配置好module后就可以在组件中调用数据了，在调用方法上有个小坑，具体看图
到这里，基本的配置和调用就实现了。要实现两个组件同步显示输入的功能，只需要在左侧input标签上绑定change函数，由change函数提交mutations实现store的数据变更；右侧筛选条件的显示则由标签双向数据绑定store中的数据，当监听其发生变化时自动更新，从而完成了本次优化。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。