uniapp vue3使用 computed

在UniApp的Vue3中，`computed`是一种响应式计算属性的功能，它允许你在组件内部创建基于其他数据属性的动态值。当你依赖的数据发生变化时，`computed`会自动更新其结果，无需手动触发。

以下是`computed`的基本使用步骤：

1. **声明**：使用`computed`选项来定义一个计算属性，通常返回一个函数，该函数接受依赖的数据作为参数。例如：

export default {
  data() {
    return {
      count: 0,
      message: 'Hello'
    };
  },
  computed: {
    doubledCount() {
      return this.count * 2;
    }
  }
}

在这个例子中，`doubledCount`是一个计算属性，它的值总是等于`count`的两倍。

2. **使用**：可以直接像访问普通属性一样使用计算属性，它们会在背后自动处理依赖变化：

<template>
  <div>
    Count: {{ doubledCount }}<br />
    Message: {{ message }}
  </div>
</template>