【两种方式】vuex 如何监听页面状态的变化
状态 如何 方式 页面 两种 监听 变化 Vuex
2023-09-27 14:22:16 时间
由于 Vuex
的状态存储本来就是响应式的,从 store
实例中读取状态最简单的方法,就是在计算属性
中返回某个状态。
在 B 页面
引入以下代码:
computed: {
myValue() {
return this.$store.state.someValue
}
}
此时,当 A 页面
通过某种方式更改了 this.$store.state.someValue
的值,B 页面
中 myValue
的值便会自动得到更新。
如果题主所指的监听,是要在这个值变化后触发其他动作,则需要在 B 页面
加入侦听属性:
watch: {
myValue: function(newVal, oldVal) {
//其他业务代码
}
}
相关文章
- Web APi 2.0优点和特点?在Web APi中如何启动Session状态?
- hdu2167 方格取数 状态压缩dp
- hdu1074 状态压缩dp+记录方案
- 如何查看task的状态?
- 合并Shader系列 | 如何合并渲染状态
- Google Earth Engine(GEE)——如何利用modis(MODIS/006/MYD09GA)数据区查看热带风暴的运动状态(从风暴来袭到烟消云散)
- cxgrid 如何保存列信息的显示与隐藏状态
- 常见的HTTP协议状态码?
- 线程包括哪些状态?状态之间是如何变化的?
- 如何为你的平台部署一个公开的系统状态页
- Linux常见问题解答--如何修复"tar:由于前一个错误导致于失败状态中退出"
- 如何回报项目状态
- 服务器TIME_WAIT状态过多如何解决?
- SAP QM初阶之检验批系统状态中的CTCM该如何消除?
- SAP MM 如何手工修改IDoc的状态?
- Android端如何获取手机当前的网络状态,比如wifi还是3G, 还是2G, 电信还是联通,还是移动
- HTTP 状态码
- Flink 1.8.0中的状态生存时间特性:如何自动清理应用程序的状态
- 共勉。如何摆脱浮躁的状态,认真学习?
- IOS内购项目支付审核被拒(错误状态码21007)原因及如何区分订单是沙盒环境还是真实环境
- 状态模式与上机
- 实例演示oracle数据块状态视图v$bh的用法二 热点块问题(转)
- Light OJ 1406 Assassin`s Creed 状态压缩DP+强连通缩点+最小路径覆盖
- 如何通过串口通信查看ESP32-CAM的状态
- odoo15 关于审核状态下不能修改form表单
- 数据中心不同时期的发展状态
- Dapr-6: Dapr 状态管理构建块
- 状态模式
- easyui-如何判断的 dialog 是 打开还是关闭状态?
- Laravel 5.1 框架返回状态拦截