微信小程序--》小程序—全局数据共享和分包

// 创建store文件夹下的store.js文件，在这个 JS 文件中，专门来创建 Store 的实例对象import {observable,action} from'mobx-miniprogram'exportconststore=observable({
// 数据字段numA:1,
numB:2,
// 计算属性getsum(){
returnthis.numA+this.numB  },
// actions 函数，专门来修改 store 中数据的值updateNum1:action(function(step){
this.numA+=step  }),
updateNum2:action(function(step){
this.numB+=step  }),
})

// 路径需要相对路径，不然会报错import {createStoreBindings} from'../../miniprogram/miniprogram_npm/mobx-miniprogram-bindings/index'import {store} from'../../store/store'Page({
//生命周期函数--监听页面加载onLoad(options) {
this.storeBindings=createStoreBindings(this,{
store,
fields:['numA','numB','sum'],
actions:['updateNum1']
    })
  },
//生命周期函数--监听页面卸载onUnload() {
this.storeBindings.detroyStoreBindings()
  },
})

// .wxml文件<view>{{numA}}+{{numB}}={{sum}}</view><van-buttontype="primary"bindtap="btnHander1"data-step="{{1}}">numA+1</van-button><van-buttontype="danger"bindtap="btnHander1"data-step="{{-1}}">numB-1</van-button>// .js文件// pages/message/message.jsimport {createStoreBindings} from'../../miniprogram/miniprogram_npm/mobx-miniprogram-bindings/index'import {store} from'../../store/store'Page({
//生命周期函数--监听页面加载onLoad(options) {
this.storeBindings=createStoreBindings(this,{
store,
fields:['numA','numB','sum'],
actions:['updateNum1']
    })
  },
//绑定按钮点击事件btnHander1(e){
// console.log(e);this.updateNum1(e.target.dataset.step)
  },
//生命周期函数--监听页面卸载onUnload() {
this.storeBindings.detroyStoreBindings()
  },
})

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

//组件的 .wxml结构<view>{{numA}}+{{numB}}={{sum}}</view><van-buttontype="primary"bindtap="btnHander2"data-step="{{1}}">numB+1</van-button><van-buttontype="danger"bindtap="btnHander2"data-step="{{-1}}">numB-1</van-button>//组件的 .js结构methods: {
btnHander2(e){
this.updateNum2(e.target.dataset.step)
  }
}

{
"pages":[ //主包的所有界面"pages/home/home",
"pages/message/message",
"pages/contact/contact",
"pages/index/index",
"pages/logs/logs"  ],
"subpackages":[ //通过subpackages节点，声明分包的结构    {
"root": "package", //第一个分包的根目录"name": "p1"//给分包起个别名用来区分分包"pages": [//当前分包下，所有页面的相对存放路径"pages/demoA/demoA",
"pages/demoB/demoB"      ]
    },
    {
"root": "package2", //第二个分包的根目录"name": "p2"//给分包起个别名用来区分分包"pages": [//当前分包下，所有页面的相对存放路径"pages/demoC/demoC",
"pages/demoD/demoD"      ]
    }
  ],
}

"subpackages":[ 
  {
"root": "package", 
"pages": [
"pages/demoA/demoA",
"pages/demoB/demoB"    ],
"independent": true//通过此节点，声明当前“package”分包为“独立分包”  }
],

{
"preloadRule":{ //分包预下载规则"pages/contact/contact":{ //触发分包预下载的页面路径//network 表示在指定的网络模式下进行预下载//可选值为：all（不限网络）或wifi（仅 wifi 模式下进行预下载）//默认值为：wifi"network": "all"//packages 表示进入页面之后，预下载哪些分包//可以通过 root 或 name 指定预下载哪些分包"packages": ["package"],
       }
  }
}