【vue3】计算属性 computed 与 lazy

在 Vue 3 中，computed 和 lazy 都是与响应式系统和数据计算相关的概念，但它们具有不同的用途和行为。

computed 计算属性

computed 是 Vue 中的一个核心功能，用于声明依赖于其他响应式数据的计算属性。当计算属性的依赖数据发生变化时，计算属性会自动重新计算并更新其值。计算属性是基于它们的依赖进行缓存的，这意味着只要依赖没有变化，多次访问计算属性将返回相同的值，而不会重新执行计算。

在 Vue 3 中，你可以使用 computed 函数来创建一个计算属性。这个函数接受一个 getter 函数作为参数，并返回一个响应式的引用（ref）或响应式的对象（对于多个计算属性）。

示例：

import {
   
    ref, computed } from 'vue';

const count = ref(0);
const doubled = computed(() => count.value * 2);

console.log(doubled.value); // 输出 0

count.value