vue计算函数写入参

在 Vue 中，可以使用计算属性来动态地计算和返回数据。计算属性的写法类似于一个函数，但是它会缓存其依赖的值，只有当依赖的值发生变化时才会重新计算。在计算属性中，可以通过 `this` 关键字访问组件实例的数据和方法。

如果需要在计算属性中传入参数，可以通过在计算属性函数名后面加上括号，然后在括号内传入参数的形式来实现。例如，假设我们有如下的模板代码：

<template>
  <div>
    <p>当前数值：{{ value }}</p>
    <button @click="increment">增加</button>
    <button @click="decrement">减少</button>
    <p>计算结果：{{ result }}</p>
  </div>
</template>

我们可以定义一个计算属性 `result`，接受一个参数 `n`，并且返回 `value` 乘以 `n` 的结果：

<script>
export default {
  data() {
    return {
      value: 0
    }
  },
  computed: {
    result() {
      return function(n) {
        return this.value * n
      }
    }
  },
  methods: {
    increment() {
      this.value++
    },
    decrement() {
      this.value--
    }
  }
}
</script>

然后在模板中，我们可以传入参数调用计算属性 `result`：

<p>计算结果：{{ result(2) }}</p>

这样就可以动态地计算和返回数据了。注意，在计算属性中，我们是通过返回一个函数来实现传入参数的。当然，也可以通过在计算属性函数内部定义一个函数来实现，但是这样会造成计算属性不会缓存的问题。