wx-reactive

微信小程序状态管理插件


License
ISC
Install
npm install wx-reactive@1.2.0

Documentation

wx-reactive

安装

npm i wx-reactive

使用

1、新建一个store.js

import { createStore } from "wx-reactive";


// 数据
export const store = createStore({
   token: "",
});

2、app.js 引入这个文件(路径根据实际来) import "./store"

3、页面调用

import { pageReactive } from "wx-reactive";
// 引入自己创建的store(路径根据实际来)
import { store } from "../../store/index";

Page(reactive({
   data: {
      token: "",
   },
   onChangeName() {
      store.token = Math.floor(Math.random() * 1000);
   },
}));

4、组件调用(同上) pageReactive换成componentReactive

持久缓存

修改store.js 在调用createStore之前使用

import { createStore, storeCreateCache } from "wx-reactive";

// 设置持久缓存
// key: 缓存字段, value: 缓存到本地字段名称
storeCreateCache({
   token: "AppToken",
});

// 数据
export const store = createStore({
   token: "",
});