vue3 computed传参

在Vue3中，computed属性可以接受参数。我们可以使用计算属性来根据传入的参数计算出一个新的值。在使用computed传参时，需要使用箭头函数来返回一个函数，这个函数接受传入的参数并返回计算后的值。下面是一个例子：

<template>
  <div>{{ getFullName(firstName, lastName) }}</div>
</template>

<script>
import { computed } from 'vue'

export default {
  setup() {
    const firstName = 'John'
    const lastName = 'Doe'

    const getFullName = computed(() => (firstName, lastName) => {
      return `${firstName} ${lastName}`
    })

    return {
      firstName,
      lastName,
      getFullName
    }
  }
}
</script>

在上面的例子中，我们定义了一个计算属性`getFullName`，它接受两个参数`firstName`和`lastName`，并返回它们的拼接结果。在模板中，我们可以直接调用这个计算属性，并传入参数。