微信小程序全局状态管理store

wxMiniStore
一个基于原生小程序的Mini全局状态管理库,跨页面/组件的数据共享。

1、安装

npm init 
npm install wxministore -S

2、微信开发者工具中勾选‘使用npm模块’

在这里插入图片描述

3、工具->构建npm

在这里插入图片描述

4、项目中引入在这里插入图片描述

5、使用

1)app.js中引入store.js
在这里插入图片描述
2)store.js中可以引入其他模块存放全局状态的文件
在这里插入图片描述
3)其他模块的全局变量的写法
在这里插入图片描述
4)更改全局变量的值,在需要使用的组件中,加入useStore: true,表示当前页面或组件可用$state。
在这里插入图片描述
5)使用
在这里插入图片描述
参考文档:https://blog.csdn.net/qq_35173602/article/details/82349742

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
微信小程序中的store是一个全局状态管理工具,用于管理小程序中的数据,可实现不同页面之间的数据共享和状态同步。以下是store的详细介绍: 1. store的作用 在小程序中,不同页面之间的数据传递需要通过参数传递或者通过缓存进行,这种方式比较麻烦且容易出现数据不同步的问题。而store可以帮助我们解决这个问题,它可以将数据存储在全局中,然后在各个页面中进行访问和修改,从而实现数据的共享和同步。 2. store的使用 首先,在小程序的app.js中定义一个全局store对象,用于存储数据: ``` App({ store: { userInfo: null, token: '' } }) ``` 然后在需要使用store的页面中,可以通过以下方式进行访问和修改store中的数据: ``` const app = getApp() // 获取store中的数据 const userInfo = app.store.userInfo // 修改store中的数据 app.store.token = 'xxx' ``` 3. store的优点 - 数据共享:store可以将数据存储在全局中,方便不同页面之间的数据共享。 - 状态同步:store中的数据在任意页面中被修改后,其他页面都可以立即感知到,实现了数据的状态同步。 - 维护简单:通过store可以将数据的管理和维护集中在一个地方,避免了代码的重复和维护成本的提高。 总的来说,store是一种非常实用的全局状态管理工具,可以方便地实现小程序中的数据共享和状态同步,提高开发效率和代码可维护性。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值