petite-vue中是否支持 computed 计算属性。该如何使用

是的，petite-vue 支持计算属性（computed properties）。

在 petite-vue 中，你可以使用 `defineComponent` 函数来创建组件，并且可以在组件对象中使用 `computed` 属性来定义计算属性。例如：

import { defineComponent } from 'petite-vue';

const myComponent = defineComponent({
  computed: {
    // 定义一个计算属性 fullName
    fullName() {
      return this.firstName + ' ' + this.lastName;
    }
  },
  data() {
    return {
      firstName: 'John',
      lastName: 'Doe'
    };
  }
});

在上面的例子中，我们定义了一个名为 `fullName` 的计算属性，它返回 `firstName` 和 `lastName` 的拼接字符串。你可以在组件模板中使用这个计算属性：

<template>
  <div>
    <p>First name: {{ firstName }}</p>
    <p>Last name: {{ lastName }}</p>
    <p>Full name: {{ fullName }}</p>
  </div>
</template>

此时，当你访问 `{{ fullName }}` 时，petite-vue 会自动调用 `fullName` 计算属性的 getter 函数来获取计算结果，并将结果渲染到模板中。

需要注意的是，计算属性的 getter 函数只有在它所依赖的响应式数据发生变化时才会被调用。因此，计算属性可以帮助你避免重复计算和提高性能。