computed的set

计算属性默认只有get方法，如果需要设置计算属性的值，需要手动添加set方法。set方法会在计算属性被赋值时触发，可以在其中进行一些操作，例如修改其他数据或者进行一些逻辑判断。在set方法中，需要传入一个参数，即要设置的新值。同时，需要注意的是，计算属性的set方法只能接收一个参数，而且必须有返回值，用来设置属性，称为set函数。下面是一个例子：

computed: {
fullName: {
get: function() {
return this.firstName + this.lastName;
},
set: function(newName) {
var names = newName.split(' ');
this.firstName = names;
this.lastName = names[names.length - 1];
}
}
}

在上面的例子中，当计算属性fullName被赋值时，会触发set方法，将新的值分割成firstName和lastName，并分别赋值给对应的数据。

相关问题

Vue computed set

在Vue中，computed属性是一个计算属性，它会根据依赖的数据动态计算出一个新的值。computed属性默认是只读的，即不能通过computed属性修改原有数据。如果你需要在computed属性中修改原有数据，可以使用set方法。

例如，如果我们有一个计算属性fullName，它由firstName和lastName组成，我们可以通过以下方式在computed属性中设置数据：

computed: {
  fullName: {
    get: function () {
      return this.firstName + ' ' + this.lastName
    },
    set: function (newValue) {
      var names = newValue.split(' ')
      this.firstName = names[0]
      this.lastName = names[names.length - 1]
    }
  }
}

在这个例子中，我们定义了一个fullName计算属性，并且同时定义了get和set方法。get方法返回firstName和lastName的组合字符串，set方法接受一个新的值，并将其分解为firstName和lastName两个属性。这样我们就可以通过修改computed属性来同时修改firstName和lastName两个属性的值。

vue computed set不生效

在Vue中，computed属性的set方法默认是不会被执行的，只有在对computed属性进行重新赋值时才会触发set方法。这是因为computed属性是根据它所依赖的响应式数据进行计算的，而set方法的作用是用于修改computed属性所依赖的响应式数据。

如果你想要在computed属性的set方法中执行一些操作，可以通过对computed属性进行重新赋值来触发set方法。例如，对于一个名为fullName的computed属性，你可以通过对它进行赋值来触发set方法，如下所示：

app.fullName = "new value";

这样就会触发fullName的set方法，并执行其中的操作。你可以在set方法中使用console.log()方法来输出一些信息，以便在控制台中查看set方法是否被执行。

请注意，如果你只是获取computed属性的值而没有对它进行重新赋值，那么get方法会被执行，而set方法不会被执行。