computed 和 watch 组合使用,监听数据全局数据状态
2024-10-19 13:28:40
我要实现的就是,当接口返回数据时,我在任何组件中都能感知到到该数据的变化,然后根据业务逻辑进行处理、展示。
实现这个效果的方式很多,比如当接口返回数据后,就emit这数据,在另外组件中on接收渲染即可,但是我不想用这种,
所以就换了另外一种方式:当接口返回数据时,将数据commit到state,需要对其作出反应的组件中,使用computed将
计算属性将混入到 Vue 实例中,也就是在计算属性中返回某个状态。同时使用watch对其属性变化进行监听,且进行相关处理。
相关代码如下:
接口返回数据后,commit更新state中的数据。
mutations中的操作是:
需要对该变化作出反应的组件中,代码如下,其中watch里面可进行相应业务处理。
最新文章
- 改变你代码习惯的ES6
- String源码中的";avoid getfield opcode";
- String to Date 多种格式转换
- Titanium开发环境搭建第一个坑
- ubuntu下svn使用指南
- Vim的学习心得
- SQL SERVER 数据类型详解(SQL Server 2008)
- struts2笔记11-OGNL
- MySQL (九)
- js 拼接table 的方法
- Windows下配置nginx+FastCgi + Spawn-fcgi
- HTML结构及基础语法
- Virtual Box虚拟机Ubuntu18.X系统安装及Mysql基本开发配置
- ado.net的简单数据库操作(一)
- PHP 实现单链表
- 微信小程序--修改data数组或对象里面的值
- Tomcat权威指南-读书摘要系列3
- 放在github pages上的静态网站怎么取消绑定自定义域名?
- Spring AOP详解及简单应用
- 为什么你的 App 没人用?请按这8条逐一对照