vue中的计算属性set与get

在Vue中，计算属性是一种可以根据其他属性的值计算出新值的属性。计算属性有两个主要的方法：get和set。

get方法用于获取计算属性的值。当其他依赖的属性发生改变时，该方法会重新计算计算属性的值，并返回新的值。例如：

computed: {
  fullName() {
    return this.firstName + ' ' + this.lastName;
  }
}

在上面的例子中，fullName是一个计算属性，它依赖于firstName和lastName这两个属性。当firstName或lastName发生改变时，get方法会重新计算fullName的值。

set方法用于修改计算属性的值。当我们对计算属性进行赋值时，set方法会被调用。例如：

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

在上面的例子中，我们定义了一个fullName计算属性，并且同时定义了get和set方法。当我们对fullName进行赋值时，set方法会被调用，然后根据赋值的新值来更新firstName和lastName属性。

需要注意的是，计算属性默认情况下只有get方法，如果我们只需要获取计算属性的值而不需要修改它，可以省略set方法的定义。另外，计算属性不能与data中已有的属性重名，否则会导致命名冲突。