vue中封装的某组件，由于数据使用vuex全部管理，如何复用这个组件

Question

vue中封装的某组件，由于数据使用vuex全部管理，当我需要使用这个封装模块但是各个模块数据不同时，如何解决？

相关代码

当前使用组件只需引入：
<test/>

新需求要求使用test组件所有逻辑，但与test数据各自保持独立
<parent>
    <test/>   
    <test/>
</parent>

// test 组件会进行相应的数据操作，但是数据来源于vuex

附加说明，复用组件的所有数据源都在vuex里面处理的，但是组件中对数据源操作过多，不想在vuex里面复制一套之前的state、mutations、actions.

如何保证尽量保证不重复代码并且使用vuex处理数据情况下实现组件共用？

Answer 1

组件数据使用 prop 传入，不要直接使用 vuex 。

Answer 2

找到一个类似场景https://blog.csdn.net/weixin_...

Answer 3

你好，想请问最后是怎么解决的

Answer 4

请问一下这个你是怎么解决的呢？我现在也遇到这个问题了，希望题主看到可以分享一下解决方案，谢谢啦