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

本文详细介绍了如何在微信小程序中利用Mobx进行数据共享,包括安装npm包,创建store.js,以及在页面和组件中如何使用store进行数据传递。通过具体的步骤和示例,展示了如何在不同页面和组件间实现数据的便捷共享。
摘要由CSDN通过智能技术生成

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

安装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
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值