一、computed和watch都可以用来观察页面数据的变化。然而,在处理数据变化时,我们有时可能会过度使用watch。通常更好的做法是使用computed属性,而不是watch回调。二、computed: 在vue的模板内,可以写一些简单的js表达式,但是如果使用大量或复杂的表达式去处理数据,对页面的维护将会产生不小的影响。这个时候就需要使用computed计算属性来处理复杂的运算。 1.优点:在数据未发生变化时,优先读取缓存。computed只有在相关的数据变化时才会改变计算属性,如果相关数据未变化,则会读取缓存,而不必像methods和watch一样每次都要执行函数。 2.Setter和Getter方法:(注意在Vue中使用set和get进行书写)Setter方法在设置值时触发。Getter方法在获取值时触发。三、Watch:虽然计算属性在大多数情况下非常适用,但在某些情况下,我们需要自定义一个watcher,在数据变化时执行异步操作。这种情况下,watch非常有用。