vue3如何使用computed

Vue3中使用computed的方法如下所示：

<template>
  <div>
    <p>num1: {{ num1 }}</p>
    <p>num2: {{ num2 }}</p>
    <p>num3: {{ num3 }}</p>
  </div>
</template>

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

export default defineComponent({
  setup() {
    const num1 = ref(1);
    const num2 = ref(3);
    const num3 = computed(() => {
      return Number(num1.value) + Number(num2.value);
    });

    return {
      num1,
      num2,
      num3,
    };
  },
});
</script>

在Vue3中，我们可以使用`computed`函数来创建计算属性。在`setup`函数中，我们可以使用`ref`函数来创建响应式数据，然后使用`computed`函数来创建计算属性。在计算属性中，我们可以访问和操作其他响应式数据，并返回一个新的值。在模板中，我们可以像访问普通数据一样访问计算属性。