vue3计算属性computed使用setup

在 Vue 3 中，computed 是一个非常实用的函数，用于创建计算属性。计算属性是基于其他响应式数据派生而来的，它们会自动追踪依赖，并在依赖变化时重新计算。以下是 computed 的详细用法：

基础示例

<template>
    <div>doubleCount:{
  
  {doubleCount}}</div>
</template>
<script setup>
import { ref, computed } from 'vue';
const count = ref(0);
const doubleCount = computed(() => count.value * 2);
</script>

可写计算属性

<script setup>
import { ref, computed } from 'vue'

const firstName = ref('John')
const lastName = ref('Doe')

const fullName = computed({
  // getter
  get() {
    return firstName.value + ' ' + lastName.value
  },
  //