那这个计算属性没有get()和set()的写法是怎么使用的呢

如果计算属性只有 getter 函数而没有 setter 函数，那么它将被视为只读的计算属性。这意味着你可以像使用普通属性一样在模板中使用它，但是不能对它进行赋值操作。

下面是一个只有 getter 函数的计算属性的示例：

<template>
  <div>
    <p>{{ fullName }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      firstName: 'John',
      lastName: 'Doe'
    };
  },
  computed: {
    fullName() {
      return this.firstName + ' ' + this.lastName;
    }
  }
};
</script>

在上面的示例中，我们定义了一个只读的计算属性 fullName，它通过 getter 函数返回 firstName 和 lastName 的拼接结果。

在模板中，我们可以直接使用 `{{ fullName }}` 来显示计算属性的值。但是，由于没有 setter 函数，我们无法对 fullName 进行赋值操作。

这种情况下，计算属性仅用于从现有的响应式数据进行计算，并在模板中使用计算结果。如果你需要对计算结果进行更改，请考虑使用普通的响应式数据或方法。

希望这个解答能够帮到你！如果还有其他问题，请随时提问。

相关问题

computed用get和set写法怎么传参

在Vue.js中，computed属性也可以使用get和set方法来定义。如果要给computed属性传递参数，可以使用JavaScript的闭包来实现。

例如，假设我们要计算一个矩形的面积，可以定义一个名为`area`的computed属性，使用get和set方法来实现：

computed: {
  area: {
    get() {
      return this._area
    },
    set(value) {
      this._area = value
    }
  }
}

在这个例子中，我们定义了一个名为`area`的computed属性，使用get和set方法来获取和设置计算出的面积。为了给这个computed属性传递参数，我们可以使用JavaScript的闭包，在getter函数中返回一个接收参数的函数，在setter函数中调用这个函数并传入计算出的面积。

例如，我们可以定义一个名为`calculateArea`的函数，用于计算矩形的面积，并将这个函数作为getter函数的返回值：

computed: {
  area: {
    get() {
      return (width, height) => {
        return width * height
      }
    },
    set(value) {
      // 调用calculateArea函数计算面积
      const area = this.calculateArea(value.width, value.height)
      this._area = area
    }
  }
},
methods: {
  calculateArea(width, height) {
    return width * height
  }
}

在这个例子中，我们将`area`的getter函数定义为一个接收width和height参数的函数，用于计算矩形的面积。在setter函数中，我们调用`calculateArea`函数计算出面积，并将面积存储在一个名为`_area`的变量中。

这样，我们就可以通过给`area`传递width和height参数来计算出矩形的面积了：

this.area = { width: 10, height: 20 } // 设置矩形的宽度和高度
console.log(this.area(10, 20)) // 计算矩形的面积，并输出结果

vue3的计算属性写法

在Vue 3中，计算属性的写法与Vue 2有所不同。你可以使用`computed`函数来创建一个计算属性，通过传递一个getter函数和一个可选的setter函数来定义计算属性的行为。下面是Vue 3的计算属性的写法示例：

import { ref, computed } from 'vue'
const firstName = ref('Sam')
const lastName = ref('xiaoguai')

const fullName = computed({
  get() {
    return firstName.value + ' ' + lastName.value
  },
  set(newValue) {
    [firstName.value, lastName.value] = newValue.split(' ')
  }
})

fullName.value = "sam xiaoguai"

上述代码中，我们使用了`computed`函数来定义了一个计算属性`fullName`，它包含了一个`get`函数和一个`set`函数。`get`函数返回了`firstName`和`lastName`的值的拼接结果，而`set`函数用于设置`firstName`和`lastName`的值。

在模板中，你可以使用`{{ fullName }}`来引用计算属性的值。