vue计算属性传参并赋值

在 Vue 中，可以通过计算属性传递参数并返回一个值，但是计算属性不能直接修改传递过来的参数，因为它们只能读取数据，而不能改变数据。

如果你希望在计算属性中修改数据，可以使用一个方法来代替计算属性，这个方法可以接收参数，并且可以在方法中修改传递过来的参数，最后返回修改后的值。

下面是一个示例代码：

<template>
  <div>
    <p>{{ fullName }}</p>
    <input v-model="firstName">
    <input v-model="lastName">
  </div>
</template>

<script>
export default {
  data() {
    return {
      firstName: 'John',
      lastName: 'Doe'
    }
  },
  methods: {
    getFullName(firstName, lastName) {
      return `${firstName} ${lastName}`
    }
  },
  computed: {
    fullName: function() {
      return this.getFullName(this.firstName, this.lastName)
    }
  }
}
</script>

在上面的示例中，我们定义了一个 `getFullName` 方法来接收 `firstName` 和 `lastName` 参数，然后返回它们的组合字符串。

在 `computed` 计算属性中，我们调用该方法并传递 `firstName` 和 `lastName` 作为参数，然后将结果赋值给 `fullName` 变量，在模板中使用 `fullName` 显示完整姓名。

可以看到，我们通过方法代替计算属性，实现了在方法中同时接收和修改传递过来的参数。