在Vue中，computed和watch都是用来监听数据变化并进行计算的。
computed
computed是Vue实例中的一个计算属性，它可以根据data中的数据进行计算，并将计算结果返回。computed的特点是：只有当依赖的数据发生变化时，才会重新计算。
computed: {
fullName() {
return this.firstName + ' ' + this.lastName
}
}
在上面的代码中，fullName是一个computed属性，它依赖于firstName和lastName。当firstName或者lastName发生变化时，fullName才会重新计算。
watch
watch是Vue实例中的一个观察属性，它可以监听data中的数据变化，并执行指定的操作。watch的特点是：可以监听任意数据的变化，包括对象、数组等复杂数据类型。
watch: {
firstName(newValue, oldValue) {
console.log('firstName变化了', newValue, oldValue)
}
}
在上面的代码中，watch监听了firstName的变化，并在变化时执行了一段代码。newValue表示新的值，oldValue表示旧的值。
使用computed和watch可以让我们更加灵活地处理数据的变化和计算。在实际开发中，我们可以根据具体的需求选择使用哪种方式。
2023-05-05 23:56:28 更新