computed 和 watch 组合使用,监听数据全局数据状态

我要实现的就是,当接口返回数据时,我在任何组件中都能感知到到该数据的变化,然后根据业务逻辑进行处理、展示。

实现这个效果的方式很多,比如当接口返回数据后,就emit这数据,在另外组件中on接收渲染即可,但是我不想用这种,

所以就换了另外一种方式:当接口返回数据时,将数据commit到state,需要对其作出反应的组件中,使用computed将

计算属性将混入到 Vue 实例中。同时使用watch对其属性变化进行监听,且进行相关处理。

相关代码如下:

接口返回数据后,commit更新state中的数据。

mutations中的操作是:

需要对该变化作出反应的组件中,代码如下,其中watch里面可进行相应业务处理。

原文地址:https://www.cnblogs.com/1rookie/p/9516126.html

时间: 2024-11-08 21:54:33

computed 和 watch 组合使用,监听数据全局数据状态的相关文章

Android学习笔记二十二.使用ContentProvider实现数据共享(五).监听ContentProvider的数据改变

一.使用ContentProvider管理多媒体内容 Android提供了Camera程序来支持拍照.拍摄视频,用户拍摄的相片.视频都将存放在固定的位置.Android同样为这些多媒体内容提供了ContentProvider,所以我们可以通过使用ContentProvider实现其他应用直接访问Camera所拍摄的照片.视频等. 1.多媒体ContentProvider的Uri (1)MediaStore.Audio.Media.EXTERNAL_CONTENT_URI:存储在外部存储器(SD卡

dbca 建库、配置监听、导入数据(CentOS5.6+Oracle10G)

dbca 建库.配置监听.导入数据(CentOS5.6+Oracle10G) ******************************************************************************** *目标:建库.配置监听.创建相关表空间.导入数据 *步骤: * 1.dbca建库 * 2.图形化netca配置监听 * 3.配置开机启动实例 * 4.创建相关表空间 * 5.导入相关数据 ************************************

Android_通过ContentObserver监听短信数据变化

1.简介 在小米等一些机型,无法接收系统发出的短信广播.只能通过观察者ContentObserver,去监听短信数据的变化 2.SMS数据介绍 content://sms/inbox        收件箱 content://sms/sent        已发送 content://sms/draft        草稿 content://sms/outbox        发件箱 content://sms/failed        发送失败 content://sms/queued  

名称案例-使用keyup事件实现1 和 名称案例-使用watch监听文本框数据的变化2

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue.js"></script></head><body><div id="app"> <in

Android中检查、监听电量和充电状态的方法

Android中检查.监听电量和充电状态的方法 这篇文章主要介绍了Android中检查.监听电量和充电状态的方法,如判断当前充电状态.监听充电状态的改变.判断当前剩余电量等,需要的朋友可以参考下 当你在更改后台更新频率来减少这些更新对电池寿命的影响时,检查当前电量和充电状态是一个好的开始. 电池寿命通过剩余电量和充电状态来影响应用更新的执行.当用交流电充电时,执行更新操作对设备的影响是微不足道的,所以在大多数案例里,你可以把更新频率调到最快.如果设备不在充电,降低更新频率可以帮助延长电池寿命.

监听Listview的滚动状态,是否滚动到了顶部或底部

/** * @author:Jack Tony * @description : 监听listview的滑动状态,如果到了顶部就刷新数据 * @date :2015年2月9日 */ private class ListViewListener implements OnScrollListener { @Override public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int t

监听指定端口数据交互(HttpListenerContext )

以前的项目中的,拿来贴贴 场景:同步第三方数据(指定时间间隔,否则不满足,因为需要处理粘包问题,改篇未实现) 主要内容四个文件:下面分别说下每个文件的功能. 1.HttpRequestManager.cs顾名思义,HttpRequest public class HttpRequestManager { int _sDefaultLen = 102400; public virtual void OnHttpRequest(object context) { HttpListenerContex

.Net客户端监听ZooKeeper节点数据变化

一个很简单的例子,用途是监听zookeeper中某个节点数据的变化,具体请参见代码中的注释 using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading; using System.Threading.Tasks; using ZooKeeperNet; namespace ZooKeeperDemo { /// <summary> ///

Proxy监听对象的数据变化,处理绑定数据很有用

Proxy可以监听对象身上发生了什么事情,并在这些事情发生后执行一些相应的操作.一下子让我们对一个对象有了很强的追踪能力,同时在数据绑定方面也很有用处. var peo = { name: 'zhangsan', salary: 27 }; //interceptor 拦截 var interceptor = { set: function (recObj, key, value) { console.log(key, 'is changed to', value); //name is cha