Closed missannil closed 4 months ago
比如在一个页面中有 商品列表渲染组件,有购物车组件,有用户组件,每个组件都有自己的store数据,现在的情况下,只能把他们提到一个store中,在要绑定的数据越来越多的情况下,不利于代码阅读和维护。想到的解决办法如下:
多个组件分别些自己的Behavior,通过页面的behaviors属性合并,可是当前情况 只有最后的Behavior中的绑定属性有效(覆盖了前面behavior中的绑定属性)
改变绑定方法如图
不知道是否合理,总之是想实现多sotre分开写,以达到阅读和维护方便,现在把所有sotre都写在一个里面,多的时候真的头疼,还要去找这个store是属于哪个组件的。这个action是属于哪个组件的。就好比把各个Behavior中的computed合并一样。
考虑对第一种方式提供支持。
自己尝试写了一下,还不错,暂时先用
官方推荐的方式是通过RootStore来实例化所有stores,并获取引用
Any updates to the issue? @LastLeaf
See https://github.com/wechat-miniprogram/mobx-miniprogram-bindings/blob/master/src/behavior.ts#L33C16-L33C16
现版本已支持 storeBindings 为 Array
storeBindings
比如在一个页面中有 商品列表渲染组件,有购物车组件,有用户组件,每个组件都有自己的store数据,现在的情况下,只能把他们提到一个store中,在要绑定的数据越来越多的情况下,不利于代码阅读和维护。想到的解决办法如下:
多个组件分别些自己的Behavior,通过页面的behaviors属性合并,可是当前情况 只有最后的Behavior中的绑定属性有效(覆盖了前面behavior中的绑定属性)
改变绑定方法如图
不知道是否合理,总之是想实现多sotre分开写,以达到阅读和维护方便,现在把所有sotre都写在一个里面,多的时候真的头疼,还要去找这个store是属于哪个组件的。这个action是属于哪个组件的。就好比把各个Behavior中的computed合并一样。