问题场景：在优化我的项目的交互体验时，想实现在左侧表单输出数据，右侧筛选条件组件同步显示输出的性能，第一工夫想到应用vuex

因为vuex降级到了4.0，语法产生了较大的变动，首先查问官网文档

vuex官网文档

看到我的项目构造引起了我的留神，思考到前期治理我的项目能更加便当，应用modules势在必行

在store目录下新建modules文件夹，之后的module文件都放在这个文件夹，具体文件构造如下

而后在根目录下的index.js中导入modules，这里设置namespace是为了防止命名抵触

配置好module后就能够在组件中调用数据了，在调用办法上有个小坑，具体看图

到这里，根本的配置和调用就实现了。要实现两个组件同步显示输出的性能，只须要在左侧input标签上绑定change函数，由change函数提交mutations实现store的数据变更；右侧筛选条件的显示则由标签双向数据绑定store中的数据，当监听其发生变化时自动更新，从而实现了本次优化。