微信小程序の数据共享

前言

小程序目前没有像vue一样有一个契合性很好的全局状态管理库并且现有的全局状态共享并不是响应式的,但是可以下载相应的依赖包进行全局状态管理并且达到响应式的效果。这篇博文就是介绍一个比较不错的全局状态管理库和小程序本身全局共享数据的特点。

app.js全局共享数据

  1. 在app.js中 声明变量 globalData
  2. 通过getApp( ) 获取app.js对象
  3. getApp().globalData 获取共享变量
    App({
      globalData:{
        num : 1
      }
    })
    
    // page页面(组件页面也是一样的用法)
    const app = getApp()
    Page({
      useGlobalData(){
        console.log( app.globalData ) --> { num:1 }
      }
    })

值的注意:

在app里共享的数据不是响应式的

module(模块)引入

  1. 通过es6的模块化语法将数据封装在一个js文件,之后在需要的页面中引入

缺点:

数据也不是响应式的

hy-event-store(依赖包)

定义: 是coderWhy老师开发的一个全局状态管理的开发库,语法风格类似于vuex,使用比较便捷,体积也比较小。
地址: https://github.com/coderwhy/hy-event-store