他是computed计算属性 可以找得到吗

如果你使用的是 `computed` 计算属性，那么你应该使用 `$watch` 的替代方法——`$watchEffect`。`$watchEffect` 可以自动追踪计算属性的依赖，并在计算属性的依赖发生变化时重新计算。

以下是一个使用 `$watchEffect` 的示例：

export default {
  computed: {
    fullName() {
      return this.firstName + ' ' + this.lastName
    }
  },
  mounted() {
    this.$watchEffect(() => {
      console.log(this.fullName)
    })
  }
}

在上面的示例中，`$watchEffect` 方法会自动追踪 `computed` 计算属性 `fullName` 的依赖，并在 `firstName` 或 `lastName` 的值发生变化时重新计算 `fullName`，然后打印出它的值。

希望这可以帮助你解决问题。

相关问题

vue3computed计算属性

Vue 3 中的计算属性与 Vue 2 中的计算属性略有不同。在 Vue 3 中，计算属性被称为 "computed"，它们使用 `computed` 函数来定义。

下面是一个使用 Vue 3 的 computed 的示例：

import { ref, computed } from 'vue';

export default {
  setup() {
    const count = ref(0);

    const doubleCount = computed(() => {
      return count.value * 2;
    });

    return {
      count,
      doubleCount,
    };
  },
};

在这个示例中，我们使用了 `ref` 函数来创建一个响应式数据 `count`，然后使用 `computed` 函数创建了一个计算属性 `doubleCount`。这个计算属性是通过将 `count` 的值乘以 2 来计算得到的。

在模板中使用计算属性很简单，只需像访问普通的响应式数据一样访问它们即可：

<template>
  <div>
    <p>Count: {{ count }}</p>
    <p>Double Count: {{ doubleCount }}</p>
  </div>
</template>

这样，当 `count` 的值发生变化时，`doubleCount` 也会自动更新。

需要注意的是，Vue 3 的计算属性必须使用 `computed` 函数来定义，而不是像 Vue 2 中那样使用 `computed` 关键字。

petite-vue中如何使用computed计算属性

在 `petite-vue` 中，你可以使用 `computed` 函数来创建计算属性。计算属性是一种依赖于其它数据属性而动态计算得到的属性，其值通常是通过某种运算逻辑计算得到的。

下面是一个示例，展示如何在 `petite-vue` 中使用 `computed` 函数创建计算属性：

<div id="app">
  <p>原始值：{{ value }}</p>
  <p>计算值：{{ computedValue }}</p>
</div>

const app = {
  data() {
    return {
      value: 10
    }
  },
  computed: {
    computedValue() {
      return this.value * 2
    }
  }
}

createApp(app).mount('#app')

在上面的示例中，我们在 `computed` 对象中定义了一个名为 `computedValue` 的计算属性，它的值是 `this.value * 2`，其中 `this` 指向当前 `app` 对象，因此可以访问 `data` 对象中的 `value` 属性。

在模板中，我们可以像访问普通数据属性一样访问计算属性，即 `{{ computedValue }}`。每当 `value` 发生变化时，`computedValue` 也会自动更新。

注意，计算属性是基于其它数据属性动态计算得到的，因此计算属性的值是惰性求值的，只有在其依赖的数据属性发生变化时才会重新计算。