watch 与 copputed的区别

1：copputed:

计算属性，尽管以函数的形式声明，但是调用的时候是使用属性调用的。

概念：核心的意义在于派生，就是根据自己以有的属性产生一个新的属性，就是计算属性。

计算属性允许我们对指定的视图，复杂值计算，这些值将绑定到依赖项值缓存，只在需要时候更新。

在 Vue 中计算属性是基于它们的依赖进行缓存的， 而方法是不会基于它们的依赖进行缓存的。从而使用计算属性要比方法性 能更好。

 

特点：只读

1.是计算值，

2.应用：就是简化tempalte里面{{}}计算和处理props或$emit的传值

3.具有缓存性，页面重新渲染值不变化,计算属性会立即返回之前的计算结果，而不必再次执行函数

适用于一个数据受多个数据影响

 

 

2：watch

虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的侦听器。 这就是为什么 Vue 通过 watch 选项提供了一个更通用的方法，来响应数 据的变化。当需要在数据变化时执行异步或开销较大的操作时，这个方式 是最有用的。

1.是观察的动作，

2.应用：监听props，$emit或本组件的值执行异步操作

3.无缓存性，页面重新渲染时值不变化也会执行