在组件中使用store中的成员

目录

在组件的js文件中引入

在  js文件的Component里写 

在组件的wxml里写 

事件绑定 

---

在组件的js文件中引入

import {

  storeBindingsBehavior

} from 'mobx-miniprogram-bindings'

import {

  store

} from '../../store/store'

在  js文件的Component里写 

  behaviors: [storeBindingsBehavior],

  storeBindings: {

    //数据源

    store,

    fields: {

      numA: 'numA',

      numB: 'numB',

      sum: 'sum'

    },

    actions: {

      updateNum2: 'updateNum2'

    }

 

 

在组件的wxml里写 

{{numA}} + {{numB}} = {{sum}}

numB + 1

numB - 1

事件绑定 

methods: {

    btnHandler2(e) {

      this.updateNum2(e.currentTarget.dataset.step)

    }

  }