Vue 3 | 黑暗面备忘单 | 第1部分 | 响应性
💡
原文英文，约2900词，阅读约需11分钟。
📝
内容提要
文章介绍了 Vue 3 的组合 API，强调其简洁语法和代码管理优势。详细讲解了响应式特性如 ref、reactive 等，并通过示例展示其在数据管理和视图更新中的应用。还介绍了 computed 和 watch 的用法，鼓励开发者使用组合 API 提升代码质量和开发效率。
🎯
关键要点
-
文章介绍了 Vue 3 的组合 API，强调其简洁语法和代码管理优势。
-
响应式特性包括 ref、reactive、shallowRef、shallowReactive、readonly 和 shallowReadonly。
-
ref 是一种特殊变量，用于在 Vue 应用中管理数据，使用 .value 访问实际值。
-
reactive 函数使对象本身变得响应式，适合处理对象类型的数据。
-
shallowRef 和 shallowReactive 用于控制响应式的深度，前者不监视深层变化，后者仅监视对象的第一层。
-
readonly 和 shallowReadonly 用于创建只读数据，确保数据安全。
-
computed 用于创建基于其他响应式数据的计算属性，可以是只读或可写的。
-
watch 函数用于监视响应式数据的变化，并在变化时执行回调函数。
-
watchEffect 函数自动监视回调中使用的所有响应式数据，适合复杂逻辑的监视。
➡️
