微信小程序 Mobx实现数据共享(创建store数据共享 + 页面、组件间的数据传递)

各页面/组件间的数据共享。

安装npm包步骤:

       (图一)

  1. 打开编译器,在文件列表空白处点击右键,选择“在外部终端窗口中打开”(如图一中:1 )
  2. 执行命令: npm init -y ,初始化一个package.json。( 项目中已有package.json 文件忽略此条) 。(图一中:2 的文件)
  3. 有了package.json后, 执行命令:npm install --save mobx-miniprogram@4.13.2 mobx-miniprogram-bindings@1.2.1 【 安装 mobx-miniprogram 和 mobx-miniprogram-bindings包(此处为指定版本的写法,不指定版本的话不需要加 @版本号 )】。(图一中:3处可以看到安装版本)
  4. 在project.config.json文件中,将packNpmManually改为true,packNpmRelationList中的路径改为“./”(新版本会放到目录下,路径不对,下步构建npm的时候会报错:找不到xxxxxxx)
  5. 执行完成后,删除miniprogram_npm文件夹(如果有的话),打开编译器中的 工具 --  构建npm(如图一),重新构建 -- 构建后即可使用安装包(不构建的话,node_modules文件中的包不会打到miniprogram_npm文件中,所以不会执行)。(如下图二)
  6. 旧版本的话需要打开编译器右上角的:详情 -- 使用 npm 的勾选。
  • 7
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
微信小程序是一种轻量级的应用程序开发平台,而Mobx是一种状态管理库。在微信小程序开发中,Mobx可以帮助我们更好地管理和控制应用程序的状态。 Mobx的核心概念是可观察的状态和动态计算。通过使用Mobx,我们可以将应用程序的状态定义为可观察的对象,当状态发生变化时,相关的观察者将自动被通知到。这种响应式的设计模式可以帮助我们更好地组织和管理应用程序的状态,并在状态变化时及时更新相关的界面。 在微信小程序中使用Mobx,我们首先需要将Mobx集成到我们的项目中。可以通过npm安装mobx,并在小程序的入口文件中引入和配置Mobx。接下来,我们需要定义可观察的状态。在小程序中,我们可以使用Mobx提供的@observable装饰器将我们的数据定义为可观察的属性。 当我们的可观察状态发生变化时,我们可以使用Mobx提供的@computed装饰器来定义动态计算属性。这些动态计算属性将根据可观察状态的变化而自动更新,以保持数据的一致性。 除了可观察状态和动态计算属性,Mobx还提供了其他一些功能,如@action装饰器用于定义状态的修改方法,@observer装饰器用于将组件与状态关联起来等等。这些功能可以帮助我们更好地管理和控制应用程序的状态。 总之,微信小程序中的Mobx是一个非常实用的状态管理库,可以帮助我们更好地组织、管理和控制应用程序的状态。通过使用Mobx,我们可以更高效地开发和维护小程序,并提供更好的用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值