微信小程序中如何使用store数据共享

npm install --save mobx-miniprogram@4.13.2 mobx-miniprogram-bindings@1.2.1

import {observable,action} from 'mobx-miniprogram' 
 
export const store = observable({ //2、创建共享数据，并向外暴露出去
    //定义数据字段
    namesValue:'文龙刚',
    shopCarTotalCount:0,//购物车数量
    sitesPosition:wx.getStorageSync('sitesInfo')||'',//提货点
    RestDay:true,
 
    shopTotalCount:action(function(step){//购物车总数
        console.log('传递过来的值是：',step)
        this.shopCarTotalCount+=step
    }),
    setSitesPosition:action(function(position){//设置提货点
      this.sitesPosition=position
    }),
    getRestDay:action(function(type){
      this.RestDay=!this.RestDay
    })
})

<view>
  <!-- 这是调用参数的方法 -->
  <view>
    namesValue:{{namesValue}}
  </view>
  <!-- 这是调用方法的 -->
  <view>
    购物车数量：{{shopCarTotalCount}}
  </view>
  <view>
    <button bindtap="addShopCarTotalCount" data-step='1'>增加</button>
  </view>
 
  <!-- 更改状态 -->
  <view>
    当前状态：{{RestDay}}
  </view>
  <button bindtap="changeType">更改状态</button>
</view>

import {createStoreBindings} from 'mobx-miniprogram-bindings'
import {store} from '../../libs/store.js'
//因为我是将store.js文件放在libs中了

Page({
    onLoad(options) {
        //第二步：这是store中参数及方法的导入
        this.storeBindings = createStoreBindings(this, {
            store,
            fields: ['namesValue','shopCarTotalCount', 'RestDay', 'sitesPosition'],
            actions: ['shopTotalCount',  'setSitesPosition','getRestDay'],
        })
  },
 
})

import {createStoreBindings} from 'mobx-miniprogram-bindings'
import {store} from '../../libs/store.js'

Page({
  behaviors:[storeBindingsBehavior],
  storeBindings:{
    // 数据源
    store, //指定要绑定的store
    fields:{//指定要绑定的字段数据
      numA:()=>store.numA,     //绑定字段的第一种方式
      numB:(store)=>store.numB,//绑定字段的第二种方式
      sum:'sum',               //绑定字段的第三种方式
    },
    actions:{ //指定要绑定的方法
      updateNum2:'updateNum2'
    }
  },
})

//组件的 .wxml结构
<view>{{numA}}+{{numB}}={{sum}}</view>
<van-button type="primary" bindtap="btnHander2" data-step="{{1}}">numB+1</van-button>
<van-button type="danger" bindtap="btnHander2" data-step="{{-1}}">numB-1</van-button>

//组件的 .js结构
methods: {
  btnHander2(e){
    this.updateNum2(e.target.dataset.step)
  }
}