jgb-store

jgb 数据流插件。用于多页面、多组件数据同步更新。

使用

初始化

需要在app.js一开始初始化

// app.js
import { init } from 'jgb-store';

init();

定义 store

// store.ts
import { createStore } from 'jgb-store';

export const store = createStore({
  data: {
    testStore: 1
  }
});

页面使用 store

// pages/index.ts
import { store } from '../store';
import { JPage } from 'jgb-weapp';

JPage({
  /** 全局使用  */
  $useAll: true,
  $store: store,
  onChange() {
    // 改变数据
    this.$store.data.testStore++;
    // 更新数据
    this.$update();
    // 也可以在store中调用$update
    //	store.$update();
  }
});

扩展参数说明

Page or Component

• $useAll

判断是否全部使用store.data及 app.globalStore.data

默认只有在data中定义的同名数据才会赋值

• $store

使用定义的store数据

App

• globalStore

全局store, 当时用$useAll时会更新此数据

扩展属性说明

• $store - InnerStore

对$store参数的实例化

• $update

更新store数据变化，使用diff更新

• $watchStoreChange

监听当前页面或组件store数据变化

感谢

westore