vue3.0 中computed 属性在Composition Api 中式如何实现的

在Vue 3 Composition API中，`computed`属性主要用于创建读取型的响应式计算值。以下是使用`setup()`函数实现`computed`的一个例子：

// 引入Vue库
import { createApp, ref, onMounted } from 'vue';

// 定义一个计算属性
const count = ref(0);

function increment() {
  count.value++;
}

// 使用setup()函数创建应用
const app = createApp({
  setup() {
    // 在这里声明并初始化你的数据和计算属性
    const doubleCount = computed(() => count.value * 2);

    // 当count发生变化时，doubleCount也会相应更新
    onMounted(() => {
      console.log(doubleCount); // 输出初始值为0
      setInterval(increment, 1000);
    });

    return {
      // 将计算属性导出供视图使用
      doubleCount,
      increment
    };
  }
});

app.mount('#app');

在这个例子中，`count`是一个响应式的数据，`doubleCount`是一个依赖于`count`的计算属性。每当`count`改变时，`doubleCount`会自动更新其值。你可以将其绑定到HTML元素上，或者在组件内的其他地方使用。

**相关问题--:**
1. Composition API还有哪些核心部分？
2. 在Vue 3中，为什么要推荐使用Composition API？
3. 何时应该使用自定义指令而不是`computed`？