computed和watch的区别：

watch和computed各自处理的数据关系场景不同。

1.watch擅长处理的场景：一个数据影响多个数据

2.computed擅长处理的场景：一个数据受多个数据影响

以Vue为例， 其watch和computed的区别如下:

1、computed支持缓存，只有依赖数据发生改变,才会重新进行计算;而watch不支持缓存，数据变,直接会触发相应的操作。

2、computed不支持异步 ，当computed内有异步操作时无效，无法监听数据的变化;而watch支持异步。

3、computed属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值;而watch监听的函数接收两个参数，第一个参数是最新的值，第二个参数是输入之前的值。

4、如果一个属性是由其它属性计算而来的,这个属性依赖其它属性，是一个多对一或者一对一，一般用computed;鴯-个属性发生变化时，需要执行对应的操作; 一对多一般用watch。

5、如果computed属性属性值是函数，那么默认会走get方法;函数的返回值就是属性的属性值;在computed中的，属性都有-个get和一 个set方法，当数据变化时，调用set方法。而watch监听数据必须是data中声明过或者父组件传递过来的props中的数据，当数据变化时，触发其它操作，函数有两个参数。

.watch和computed都是以Vue的依赖追踪机制为基础的，它们都试图处理这样一件事情：当某一个数据（称它为依赖数据）发生变化的时候，所有依赖这个数据的“相关”数据“自动”发生变化，也就是自动调用相关的函数去实现数据的变动。

watch用法 监听下记Name的值，会改变其他所有的值

computed用法 监听下记firstName，secName，thirdName的值，会改变luFei_Name的值

注意两次点击computed返回的时间是相同的！！

1.两次点击methods返回的时间是不同的

2.注意两次点击computed返回的时间是相同的

【注意】为什么两次点击computed返回的时间是相同的呢？new Date()不是依赖型数据（不是放在data等对象下的实例数据），所以computed只提供了缓存的值，而没有重新计算。

只有符合：1.存在依赖型数据 2.依赖型数据发生改变这两个条件,computed才会重新计算。