vue3计算属性返回对象

在Vue 3中，计算属性默认情况下是以函数形式返回计算结果。如果你希望计算属性返回一个对象，你可以使用一个getter函数来定义计算属性。

下面是一个示例：

import { computed } from 'vue';

export default {
  data() {
    return {
      firstName: 'John',
      lastName: 'Doe',
    };
  },
  computed: {
    fullName: computed(() => ({
      firstName: this.firstName,
      lastName: this.lastName,
    })),
  },
};

在上面的示例中，我们定义了一个计算属性`fullName`，它返回一个对象，包含`firstName`和`lastName`属性。请注意，在getter函数内部使用了箭头函数来保持正确的上下文绑定。

这样，在模板中使用`fullName`计算属性时，可以直接访问返回的对象属性，例如：

<template>
  <div>
    <p>First Name: {{ fullName.firstName }}</p>
    <p>Last Name: {{ fullName.lastName }}</p>
  </div>
</template>

希望对你有帮助！如果还有其他问题，请随时提问。