vue3 computed 传参

在Vue3中，我们可以在`computed`函数中传递参数。这些参数可以在`computed`函数中使用，并且当参数变化时，`computed`函数会自动重新计算。这个特性在处理复杂计算时非常有用。

下面是一个简单的例子，演示如何在Vue3中使用`computed`函数传递参数：

<template>
  <div>
    <input v-model="name">
    <p>{{ greeting }}</p>
  </div>
</template>

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

export default {
  setup() {
    const state = reactive({
      name: ''
    });

    // 定义 computed 函数，它接受一个参数
    const greeting = computed(() => {
      return `Hello, ${state.name}!`;
    });

    return {
      name: state.name,
      greeting
    };
  }
};
</script>

在上面的例子中，我们定义了一个`computed`函数`greeting`，它接受一个参数`name`。当我们在模板中改变`name`的值时，`greeting`函数会自动重新计算，并返回一个新的字符串。