跳至主要內容

monitor 数据监听器(低成本搭建界面,MVVM 必备)

muzzik大约 1 分钟实用工具编程语言设计模式TypescriptMVVM 模式

# monitor 是什么?

它的功能很简单,监听数据的修改

# 可以用它做什么?

  • 数据到视图
  • 视图到数据
  • debugger

# 效果演示

>

monitor 有无限的可能
它很灵活,使用时一定要符合规范,不然你会写成一堆屎山,个人建议更新的视图节点只能是当前组件节点的下级

# 使用代码

monitor

监听的数据尽量不要依赖外部模块,比如 a 模块和 b 模块互相监听各自的数据,像这样继续下去,一旦其中任何一个模块出问题,其他监听了问题模块数据的模块都会出现问题

monitor_trigger
比如节点树

  • a (组件 A)
  • b (组件 B)
    • d
  • c
  1. c,d 节点挂载了 monitor_trigger
  2. c 节点的数据目标尽量只用组件 A
  3. d 节点的数据目标尽量只用组件 B

每个组件模块的数据只提供给下属节点和组件,不包括下属组件的子节点,避免组件间交叉使用,否则很容易出错,后续维护也困难

# 更新日志

  • monitor_trigger 预制体/场景数据全部转为 string 存储,方便修改
  • 添加数据类型检查
  • 添加数据键提示

# 源码下载(包含 Demo)

📣 觉得很赞?分享给你的朋友吧!