computed（计算属性）和watch（侦听属性）的区别

1.computed计算属性调用才会执行，有返回值
watch侦听属性不需要调用，只要侦听的数据发生改变就会执行

2.computed计算属性能够完成的操作watch侦听属性都可以完成，但是watch侦听属性能够完成的操作computed不能全部完成，比如异步操作，computed内部不能执行异步操作，watch内部可以执行异步操作

3.computed计算属性实际上是调用本身的get函数，其值就是get函数的返回值

watch侦听属性实际上调用的是本身的handler函数，执行handler函数内部的代码，且没有返回值

4.computed计算属性的属性名字可以自定义
watch侦听属性的属性名字不能自定义,只能是使用data中保存的数据

5.watch属性中handler函数接受两个参数,第一个参数是侦听数据修改之后的新值,第二个参数是侦听数据修改之前的旧值

6.watch侦听属性中除了handler函数外,还有另外两个默认为false的属性,分别为初次化侦听immediat属性和deep属性,immediate属性用于是否vue初始化时侦听数据,默认为false,deep属性表示是否开启深度侦听,即对对象进行深度侦听(对象中每一个数据的变化,都会自动调用该侦听函数),默认为false,则只侦听对象所在的地址变化,不会侦听对象内部的属性变化

计算属性在数据不变的情况下,调用多次但是只执行一次,因为有缓存,但是如果计算属性用到的数据发生改变,且计算属性在调用中,则会自动执行函数更新数据.

watch侦听属性默认初始化不侦听数据,且watch不需要调用,不需要返回值,它侦听属性直接赋值而已,且数据改变它会自动执行