Vue3 中格式化 `get` 返回数据 - 使用 `computed` 属性

在 Vue 3 中，可以使用 'computed' 属性来格式化输出 'get' 返回的数据。下面是一个示例：

<template>
  <div>
    <p>{{ formattedData }}</p>
  </div>
</template>

<script>
import { computed } from 'vue';

export default {
  data() {
    return {
      data: 'Hello World',
    };
  },
  computed: {
    formattedData() {
      // 格式化数据的逻辑
      return this.data.toUpperCase();
    },
  },
};
</script>

在上述示例中，我们使用 'computed' 属性来创建一个名为 'formattedData' 的计算属性。该计算属性使用 'this.data' 来获取 'get' 返回的数据，并将其转换为大写字母。然后，我们可以在模板中使用 '{{ formattedData }}' 来输出格式化后的数据。

注意：在 Vue 3 中，需要使用 'import { computed } from 'vue';' 来导入 'computed' 函数。