VUE响应性系统和信号 (signal) 的联系
文章目录
- 引言
- I 为什么要使用 ref？
-
- ref 的好处
- 从概念上讲，可以将 ref 看作这样的对象
- II VUE响应性系统和信号 (signal) 的联系
-
- Solid
- Angular
- III 基础概念
-
- 响应式编程
- 响应式编程代表
- 典型用例：Excel 表格
- 术语
- IV 响应式副作用
-
- 创建响应式副作用
- 计算属性
- 常见的响应式副作用的用例：更新 DOM！
引言
从根本上说，信号是与 Vue 中的 ref 相同的响应性基础类型。它是一个在访问时跟踪依赖、在变更时触发副作用的值容器。基于同样的原则，只不过将基础类型这部分隐藏在了对象属性背后。
I 为什么要使用 ref？
为什么我们需要使用带有 .value 的 ref，而不是普通的变量？
ref 的好处
该 .value 属性给予了 Vue 一个机会来检测 ref 何时被访问或修改。在其内部，Vue 在它的 getter 中执行追踪，在它的 setter 中执行触发。- 与普通变量不同，你可以将 ref 传递给函数，同时保留对最新值和响应式连接的访问。当将复杂的逻辑重构为可重用的代码时，这将非常有用。
从概念上讲，可以将 ref 看作这样的对象
// 伪代码，不是真正的实现
const myRef =