Vue3的计算属性是如何通过响应式原理和依赖追踪实现复杂逻辑的？

本文共计2892个文字，预计阅读时间需要12分钟。

目录+计算属性+使用微任务优化调度器+前言：本篇内容基于Vue3响应式对象是如何实现的（2）实现。+计算属性+Vue3官方文档中，对计算属性有这样的描述：+对于任何包含响应式数据的包，都包含+响应式数据+。+

目录

• 计算属性
• 使用微任务优化调度器

前言：

本篇内容基于Vue3响应式对象是如何实现的(2)实现。

计算属性

Vue3的官方文档中，对于计算属性有这样的描述：

• 对于任何包含响应式数据的复杂逻辑，我们都应该使用计算属性。
• 计算属性只会在相关响应式依赖发生改变时重新求值。

从上面的描述可以明确计算属性的需求，计算属性计算的是响应式数据（满足描述1），且计算结果应当被缓存（满足描述2）。让我们一个一个来实现，先使用computed创建一个计算属性。