如何处理嵌套可重用组件中的vuex状态?

我有一个复杂的搜索页面,用户可以指定他们的搜索与数百个不同的过滤器。我很难想出一个方法来简化所有要使用的东西 Vuex .

例如,一个部分允许指定与和/或操作相关的多个最小-最大范围项。

<parent>
    <multiple-min-max>  
        <number-input :value="greaterEqualValue"> <number-input :value="lessEqualValue"> 
        <select :op="selectedOp"></select>
        <button @click="addNew">
        <button @click="removeCurrent"
    </multiple-min-max>
    ...
    ...
    <multiple-min-max /> another usage for a different thing
</parent>

而且这个组件会在很多地方用于不同的事情。 我不知道如何将值从最上面的组件传递到最底层,然后将值返回到正确的存储区。 有一种很明显的方法可以将结果作为道具进行单向绑定,并将结果发送回链中,但对于上面相对简单的示例,我需要同时从这两种方法中发出 <number-input> ,然后把所有的东西都收集起来 <multiple-min-max> 并再次发射到父对象。 许多 尤其是当你有一个 许多 要跟踪的属性。