vue计算属性不可传参

Vue 的计算属性（computed properties）本身是不能直接传参的。计算属性是基于它们的依赖进行缓存的，它们返回的值会根据其依赖属性的变化而自动更新。计算属性通常用于对复杂的数据进行处理，并返回处理后的值。

如果你需要根据不同的参数来计算不同的值，你可能需要使用方法（methods）而不是计算属性。方法可以接受参数，并返回基于这些参数的计算结果。然而，方法不会像计算属性那样进行缓存，每次调用都会重新计算。

例如：

new Vue({
  el: '#app',
  data: {
    message: 'Hello'
  },
  computed: {
    // 计算属性，不能传参
    computedGreeting: function () {
      return this.message + ' World'
    }
  },
  methods: {
    // 方法，可以接受参数
    greet: function (name) {
      return this.message + ' ' + name
    }
  }
})

在上面的例子中，computedGreeting 是一个计算属性，它不能接受参数，并返回 'Hello World'。而 greet 是一个方法，它接受一个 name 参数，并返回 'Hello' + name。

• 如果你需要在模板中根据不同的参数使用计算逻辑，你可以通过方法来实现。
• 但是请注意，如果方法依赖于响应式数据，并且该数据可能在组件的生命周期内多次变化，那么频繁调用方法可能会导致性能问题