Vue 计算属性（Computed）传参

在Vue中，计算属性(computed properties)是依赖于响应式依赖进行缓存的。如果你需要在计算属性中传递参数，你可以通过方法(methods)来实现，但计算属性自身不支持传递参数。

以下是一个简单的例子，展示如何在Vue组件中定义一个计算属性，而不是方法，并且如何通过响应式数据源来更新计算结果。

<template>
  <div>
    <p>Original message: "{{ message }}"</p>
    <p>Computed message: "{{ computedMessage }}"</p>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      message: 'Hello',
    };
  },
  computed: {
    // 计算属性，不接受参数
    computedMessage() {
      // 使用响应式数据源进行计算
      return this.message + ', Vue User!';
    }
  }
};
</script>

如果你需要传参，你可以定义一个方法：

<template>
  <div>
    <p>Message with param: "{{ greet('World') }}"</p>
  </div>
</template>
 
<script>
export default {
  methods: {
    greet(param) {
      return `${this.message}, ${param}!`;
    }
  }
};
</script>

在这个例子中，greet 是一个方法，它接受一个参数 param，并使用组件的 message 数据属性。每次调用 greet 时，都会执行这个函数，并计算返回的结果。这样你就可以根据传入的参数动态地改变输出。