vue3 computed怎么传参

在Vue3中，computed属性默认不支持传递参数，但是可以使用一个函数来实现传递参数的效果。你可以在computed属性中定义一个函数，然后在函数内部使用返回一个函数的方式来实现传参。

下面是一个示例代码：

<template>
  <div>
    <p>{{ result }}</p>
    <button @click="increment">增加</button>
  </div>
</template>

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

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

    const getResult = computed(() => (num) => {
      return count.value + num;
    });

    const result = getResult.value(10);

    const increment = () => {
      count.value++;
    };

    return {
      result,
      increment,
    };
  },
};
</script>

在这个示例中，我们定义了一个计算属性getResult，它返回一个函数，这个函数接收一个参数num，然后在函数体内部计算结果并返回。在模板中，我们调用getResult.value(10)来获取计算结果，并将结果绑定到模板中显示。当我们点击“增加”按钮时，count.value会增加，然后getResult会重新计算并更新result的值。