参考vuex为小程序增加状态管理并提供页面间通信接口

参考vuex为小程序增加状态管理并提供页面间通信接口

wx-store

参考vuex为小程序增加状态管理并提供页面间通信接口

使用

// app.jsimport Store from 'wx-store';const store = new Store({ state: { counter: 0, }, mutations: { count(state, payload) { return state.counter += payload; }, }, actions: { countAsync(store, payload) { return new Promise(resolve => { setTimeout(() => { store.commit('count', payload); resolve(); }, 2000); }); }, }});App({ store, // 简化postMessage调用 postMessage: store.postMessage.bind(store)});// page1{{$state.counter}}const app = getApp();Page({ onLoad() { console.log(this.data.$state.counter); app.store.commit('count', 1); app.store.dispatch('countAsync', 1).then(() => { app.store.setState({ counter: 955 }); }); app.postMessage('page2', { type: 'msg', data: 'message from page1' }); }});// page2{{$state.counter}}Page({ onLoad() { console.log(this.data.$state.counter); }, onMessage(data) { console.log(data); }});

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。