小程序全局变量管理-mobx引入与使用

背景：

对于全局变量操作，如果不规范使用很容易产生意想不到的问题，使用mobx对全局变量进行管理，能够规范代码操作，使程序变得简单高效。

代码使用：

1）定义全局变量

import { action, observable } from 'mobx-miniprogram'

export const testStore = observable({
  // 数据
  count: 0,
  // action
  add: action(function() {
    // 添加监听
    this.count = this.count + 1
  })
})

2）页面1中引用 该变量

page1.ts

// pages/page1/page1.ts
import { testStore } from "../../store/test";
import { createStoreBindings } from "mobx-miniprogram-bindings";
Page({

  /**
   * 页面的初始数据
   */
  data: {

  },
  handleJumpTo() {
    console.log("跳转")
    // wx.redirectTo({
    //   url: '/packageA/pages/page1/page1'
    // })
    wx.navigateTo({
      url: '/packageA/pages/page1/page1'
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
    createStor