页面通信

页面通信

该示例为小程序间的页面通讯,利用 vuex 实现。

mpvue框架中使用 vuex 与在 vue 中使用是一样的体验。

1.建立相关的目录结构

vuex01

2.在 src/main.js 中将 store 挂载到 vue 原型下面

  1. Vue.prototype.$store = store;

3.在页面中通过 mapGetters 和 mapMutations 使用 state

  1. methods:{
  2. ...mapMutations({
  3. setMpvueInfoVuex:'SET_MPVUEINFO'
  4. })
  5. },
  6. computed:{
  7. ...mapGetters([
  8. 'mpvueInfo'
  9. ])
  10. }

效果

vuex01