Vue3中计算属性是如何通过响应式原理和函数调用来实现的？

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

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

目录

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

前言：

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

计算属性

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

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

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