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不需要调用,不需要返回值,它侦听属性直接赋值而已,且数据改变它会自动执行