Vue3中如何将同步计算属性和异步计算属性转换为长尾词？

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

目录

一、简介

二、计算属性核心源码

三、异步计算属性核心源码

一、简介

无论是计算属性，还是异步计算属性，都依赖于Vue3的整体响应式原理实现。

二、计算属性核心源码（此处省略具体源码）

三、异步计算属性核心源码（此处省略具体源码）

目录

• 一、简要介绍
• 二、计算属性核心源码
• 三、异步计算属性核心源码

一、简要介绍

不论是计算属性，还是异步计算属性，都是依托于Vue3整体的响应式原理实现的。其核心依旧是ReacetEffect类。如果对响应式原理不清楚，建议先看响应式原理章节。

计算属性和常规的动态响应区别在于它不会主动的去执行ReacteEffect所关联的回调方法，而是用一个标记来表示当前的值是否有改变，如果有改变，则重新调用回调方法获取，如果没改动，则直接获取上次计算的值。